canvg不能正确转换svg文本

时间:2015-07-14 18:57:04

标签: css canvas d3.js svg canvg

我正在利用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,看起来正确,右边是画布,看起来不正确/降档)

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

0 个答案:

没有答案