我正在利用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文件?