Question

我有一个html svg元素（不是画布），必须将内容保存到图像文件（png或jpg）。

有没有解决方案？

canvas.toDataURL（）不起作用，因为它是一个svg元素。

示例：

<svg:svg id ="svg">
         <svg:svg width="{width}" height="{height}">
            <svg:circle cx="{cx}" cy="{cy}" r="{radius}" id="circ" fill="white" stroke="black" stroke-width="2" />
            <svg:text x="{tposW}" y="30" line="0" text-anchor="middle">{VORNAME}</svg:text>
            <svg:text x="{tposW}" y="44" line="1" text-anchor="middle">{NAME}</svg:text>
            <svg:text x="{tposW}" y="58" line="2" text-anchor="middle">{GEB}</svg:text>
        </svg:svg>
</svg:svg>

请不使用jQuery发布解决方案。

Answer 1

使用canvg JavaScript库使用Canvas渲染SVG图像： http://code.google.com/p/canvg/

然后使用canvas.toDataURL()

将svg-element转换为图像

1 个答案: