svg text on canvas - 如何将两者保存为单个png

时间:2012-03-09 16:29:20

标签: php javascript svg html5-canvas

我有一个画布,我画它,我动态创建svg输入文本。我想将其保存为图像。 我尝试在php代码中使用canvas.toDataURL()和file_put_content来使用xmlhttprequest但是只保存了带有绘图的画布并且svg文本消失了吗? 有没有办法将两者结合在一起并保存为磁盘上的一个图像?

1 个答案:

答案 0 :(得分:1)

可以在<canvas>上绘制SVG图片,但是存在跨域请求问题,并且只有部分最新的Beta版浏览器可以对toDataURL()进行<canvas>

示例代码:

https://github.com/miohtama/Krusovice/blob/master/src/tools/html2svg2canvas.js