画布是否在标记内部呈现标记

Question

我正在创建一个应该最好使用画布的应用程序，但是我需要支持IE8。

我知道我可以使用SVG，但我在想，如果我可以把SVG元素画布里面，但我不希望加载它两次，如果你让我

Answer 1

我建议你看看进入canvg。

https://code.google.com/p/canvg/

canvg是SVG解析器和渲染器。它需要一个URL到SVG文件或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