【问题标题】:Does canvas render markup inside the tag画布是否在标签内呈现标记
【发布时间】:2013-05-07 09:43:09
【问题描述】:
我正在创建一个最好使用画布的应用程序,但是我需要支持 IE8。
我知道我可以使用 SVG,但我想知道是否可以将 SVG 元素放在画布中,但我不想加载它两次,如果你知道的话
【问题讨论】:
标签:
html
internet-explorer
canvas
svg
【解决方案1】:
我建议你研究一下canvg。
https://code.google.com/p/canvg/
canvg 是一个 SVG 解析器和渲染器。它获取 SVG 文件的 URL 或 SVG 文件的文本,在 JavaScript 中对其进行解析,然后在 Canvas 元素上呈现结果。
示例代码:
var ctx = document.getElementById('test').getContext('2d');
ctx.drawSvg('<svg><rect x="0" y="0" width="100" height="100" fill="red" /></svg>', 0 , 0 , 500, 500);
Working DEMO