将 svg 元素转换为图像
Convert svg-element to image
我有一个HTML SVG元素(不是canvas),必须将内容保存到图像文件(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。
使用 canvg JavaScript 库使用 Canvas 渲染 SVG 图像:http://code.google.com/p/canvg/
,然后使用canvas.toDataURL()
相关文章:
- 当图像转换为本地存储的DataURL时,EXIF被删除
- 如何在内联依赖项并将图像转换为dataURI的情况下完全提取网页
- 无法在Cordova 4.0 ios中将jpg/jpeg图像转换为Base64
- ng文件上传获胜't将jpg图像转换为png
- 画架JS透视图像转换
- 将普通的 PNG 图像转换为 JSON 数据,然后存储到对象
- 如何使用javascript将图像转换为字符串
- 将SVG过滤器应用的图像转换为二进制或base64以保存在后端
- FS.Store 不可靠的GM图像转换
- javascript 将 IMG 标签中的图像转换为 标签中的实际链接图像
- 在JavaScript IE8中将图像转换为字节代码
- 如何在 JSP/JavaScript 中将图像转换为字节数组
- 如何在 JavaScript 中将图像转换为 base64
- 使用GraphicsMagick和Node.js将多个图像转换为多页pdf文件
- 图像转换的 URL
- 在javascript中将base64图像转换为文件,或者如何使用jquery ajax传递一个大的base64字符串
- 图像转换错误裁剪
- 在 JQuery 中将图像转换为 base64string
- 在 Javascript 中将图像转换为 RGB 数组
- 将相机捕获图像转换为 base64 - Ionic