將svg-element轉換爲圖像

Question

我有一個html svg元素（不是畫布），必須將內容保存爲圖像文件（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請張貼唯一的解決辦法。

Answer 1

使用canvg JavaScript庫使用Canvas渲染SVG圖像： http://code.google.com/p/canvg/

，然後使用canvas.toDataURL()