0

我正在利用canvg将我的 d3 生成的svg图形转换为不同的下载格式。我的所有数据都包含在矩形节点中并包装以适合指定的宽度。在 SVG 中,文本与包装代码看起来很完美。以下是元素的设置方式:

<text text-anchor="middle" alignment-baseline="middle" x="0" opacity="1.5716901593992887">
<tspan x="0" y="-1em" dy="1.25em">regulation</tspan><tspan x="0" y="-1em">GO:0009889</tspan>
<tspan x="0" y="-1em" dy="2.1999999999999997em">of</tspan>
<tspan x="0" y="-1em" dy="3.1499999999999995em">biosynthetic</tspan><tspan x="0" y="-1em" dy="4.1em">process</tspan>
</text>

同样,文本在 SVG 上看起来很完美,但是当转换为 时canvg,它看起来不同:

http://imgur.com/4kQvYhy(左边是 svg,看起来正确,右边是画布,看起来不正确/降档)

d3 元素是如何传递过来的,canvg这使得它在输出中有所不同?如果此问题无法修复,是否有其他替代方法可以将 svg 元素转换为 pdf/png 文件?

4

0 回答 0