SVG圖片無法使用canvg正確轉換為Canvas

Question

原始SVG圖表

渲染的畫布圖

這是我用來轉換為畫布的代碼

svg = $('svg').parent().html()
canvg('canvas', svg)
canvas = document.getElementById("canvas")
img_PNG = "<img src='#{canvas.toDataURL()}' />"

$('.chart').html(img_PNG)

請幫助解決此問題。

Answer 1

將canvas元素傳遞給canvg

svg = $('svg').parent().html()
canvas = document.getElementById("canvas")
canvg(canvas, svg)
img_PNG = "<img src='#{canvas.toDataURL()}' />"

$('.chart').html(img_PNG)

Answer 2

只有小節丟失的事實..i假設您已對小節應用了一些動畫..並且在動畫之前svg已附加到畫布..嘗試在動畫之后而不是之前應用此代碼

img_PNG =“ <img src ='＃{canvas.toDataURL（）}'/>”