Question

参考this post

我正在创建一个图表引擎，我已经完成了GET请求返回SVG的所有设置。我正在使用JFreeSVG（非常类似于Batik）。我可以使用iframe和对象HTML标记渲染SVG。我想使用img标签来创建svg图像，但它给了我一个空白框。我在网上搜索过，真的找不到任何东西，你是我最后的希望。

以下是我的请求返回的示例：

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:jfreesvg="http://www.jfree.org/jfreesvg/svg" width="423" height="452" text-rendering="auto" shape-rendering="auto">
<rect x="0" y="0" width="423" height="452" style="fill: rgb(255,255,255); fill-opacity: 1.0" transform="matrix(1,0,0,1,0,0)" clip-path="url(#4989619974245clip-0)"/>
<g transform="matrix(1,0,0,1,0,0)">
    <text x="8" y="446.14" style="fill: rgb(0,0,0); fill-opacity: 1.0; font-family: Tahoma; font-size: 9px; " clip-path="url(#4989619974245clip-0)">November 19, 2014</text>
<g style="fill: url(#4989619974245gp0); fill-opacity: 1.0; stroke: none" transform="matrix(1,0,0,1,0,0)" clip-path="url(#4989619974245clip-1)">
<rect x="5" y="8" width="386.62" height="412.27" style="stroke-width: 1.0;stroke: rgb(204,204,204);stroke-opacity: 1.0;; fill: none" transform="matrix(1,0,0,1,0,0)" clip-path="url(#4989619974245clip-0)"/>
</svg>

Answer 1

最佳解决方案是使用URI将图像作为Base64传递。 Base64因其与浏览器（IE9）的兼容性而备受推崇

        //g2.getSVGEleemnt returns a SVG in string eg. <svg> ... </svg>
        String imageString = g2.getSVGElement();
        //encode it in Base64 
        byte[] imageData = Base64.encodeBase64(imageString.getBytes());
        //indicate mime type && base64
        String header = "data:image/svg+xml;base64,";
        byte[] headerData = header.getBytes();

完成后，您必须按顺序流式传输标题，然后流式传输图像数据。将您的数据或调用数据放入img标记和Viola！

<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaH........">

Java＆amp; SVG使用img标签

1 个答案: