캔버스가 태그 내부에 마크 업을 렌더링합니까?

Question

캔버스를 사용하는 것이 바람직한 애플리케이션을 만들고 있지만 IE8을 지원해야합니다.

은 내가 캔버스 내부의 SVG 요소를 넣을 수 있다면 난하지만 난 궁금 SVG를 사용하여 알아,하지만 난 당신이보고 제안 당신이 나에게

Answer 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