如何在 iReport 中嵌入和显示 SVG 图像答案

【问题标题】：How to embed and display an SVG image in iReport如何在 iReport 中嵌入和显示 SVG 图像
【发布时间】：2012-07-05 15:57:29
【问题描述】：

我正在使用 iReport 4.5.0，并希望嵌入 SVG 图像以生成 PDF。

当使用 iReport 的预览选项运行报表时，图像不会被渲染到 PDF 中（即图像应该在的地方有一个空白区域）。

我在执行过程中没有在日志中看到任何异常，这是怎么回事？

这是图片标签代码sn-p：

<?xml version="1.0" encoding="UTF-8"?>
<jasperReport xmlns="http://jasperreports.sourceforge.net/jasperreports" 
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
        xsi:schemaLocation="http://jasperreports.sourceforge.net/jasperreports http://jasperreports.sourceforge.net/xsd/jasperreport.xsd" 
        name="reportSVGTest" language="groovy" pageWidth="595" 
        pageHeight="842" columnWidth="555" leftMargin="20" rightMargin="20" 
        topMargin="20" bottomMargin="20">
    <property name="ireport.zoom" value="1.0"/>
    <property name="ireport.x" value="0"/>
    <property name="ireport.y" value="0"/>
    <background>
        <band splitType="Stretch"/>
    </background>
    <title>
        <band height="50">
            <staticText>
                <reportElement x="81" y="13" width="100" height="20"/>
                <textElement/>
                <text><![CDATA[Hello]]></text>
            </staticText>
        </band>
    </title>
    <detail>
        <band height="443" splitType="Stretch">
            <image hAlign="Center" vAlign="Middle" isUsingCache="true" isLazy="true">
                <reportElement x="12" y="17" width="512" height="403"/>
                <imageExpression  class="net.sf.jasperreports.engine.JRRenderable">
                    <![CDATA[
                        net.sf.jasperreports.renderers.BatikRenderer.getInstance(
                            new java.io.File("C:\\Users\\akshayd\\Desktop\\polygons1.svg"))
                    ]]>
                </imageExpression>
            </image>
        </band>
    </detail>
</jasperReport>

【问题讨论】：

我也无法以其他格式显示 svg 文件，如 html、xhtml 等
我还注意到，如果您从 xml 视图切换到设计视图，有时 class="net.sf.jasperreports.engine.JRRenderable" 将从标记中删除。这是因为设计视图有时会重新计算任何混乱的 xml 代码。但我正在处理。
我也尝试过在旧版本中预览，但没有运气:(
我也向 ireport bug tracker 提出了同样的问题，以了解它是否可能存在错误
见：stackoverflow.com/a/39320863/59087

标签： pdf svg jasper-reports ireport

【解决方案1】：

我想在我的报告中嵌入一个 SVG 文本，这个主题帮助我成功了。
我正在使用完全支持 JasperReports 5.5.0 的 Jaspersoft Studio。
这是我的做法：

创建图像元素
选择自定义表达式并让表达式为空
修改JRXML源：在标签image中添加标签imageExpression

<image>
  <reportElement x="0" y="60" width="50" height="50" uuid="c0d0856e-0bb1-4634-b8b0-   6f7ace0e3ff3"/>
  <imageExpression><![CDATA[net.sf.jasperreports.renderers.BatikRenderer.getInstanceFromText("<svg:svg xmlns:svg=\"http://www.w3.org/2000/svg\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.0\" width=\"88\" height=\"21\" id=\"svg\"><svg:g id=\"layer1\"><svg:path id=\"path1\" d=\"M 61.799149,2.0342178 L 67.119461,2.0342178 L 67.119461,19.213905 L 61.799149,19.213905 L 61.799149,2.0342178 z\" style=\"text-anchor:start;fill:#FF0000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;\" /></svg:g> </svg:svg>")]]></imageExpression>
</image>

所以，我使用BatikRenderer的方法getInstanceFromText。
不要忘记保护 SVG 文本中的双引号。

【讨论】：