当存在具有不同字体系列的文本（如 Arial）时，我遇到了使用 Apache Batik 转换 PNG 的问题。该问题发生在 Cent OS 6 运行 Tomcat 7 和 Java 6 的环境中。
用于将 SVG 转换为 PNG 的 Java 代码是：
// Convert the SVG image to png and send back
PNGTranscoder transcoder = new PNGTranscoder();
//
TranscoderInput input = new TranscoderInput(new ByteArrayInputStream(svgImage));
outStream = new ByteArrayOutputStream();
TranscoderOutput output = new TranscoderOutput(outStream);
// Transcode the given SVG
transcoder.transcode(input, output);
outStream.flush();
pngImage = outStream.toByteArray();
我要转换为 PNG 的 SVG 文件是：
<svg version="1.1" x="0" y="0" id="hjtqebzv1" width="610" height="240" xmlns="http://www.w3.org/2000/svg" xmlns:xml="http://www.w3.org/XML/1998/namespace" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient id="LFFFFFF0" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#FFFFFF;stop-opacity:0.8"/>
<stop offset="100%" style="stop-color:#FAFAFA;stop-opacity:1"/>
</linearGradient>
</defs>
<g id="hjtqebzv-o1" transform="translate(5,5)">
<rect x="1" y="1" width="578" height="20" fill="url(#LFFFFFF0)" stroke="#5e5ca7" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"/>
<text x="1" y="1" width="578" height="19" >
<tspan x="2" y="14" style="font-family:Arial;font-size:12px;fill:#000000;">This is a test text for testing text overlapping in the rectangle when convert the svg to PNG using SVG-Batik</tspan>
</text>
</g>
</svg>
当我在 Firefox 浏览器中打开 SVG 文件时，它会正确显示，如下图所示：
但是当我使用 Apache Batik 转换 SVG 时，转换后的图像看起来不同。Apache Batik 转换后的 PNG 是：
在运行 tomcat 7 和 Java 7 的 Windows 7 中，生成的图像与原始 SVG 相同。
作为 Cent OS 服务器，它提供了混乱的文本图像，我觉得 Arial 字体对 tomcat/java 应用程序不可用，需要手动加载。如果是这样，我更愿意建议以通用方式从底层操作系统位置（操作系统字体位置）加载它们，而不对 SVG 文件进行任何更改。