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（）}'/>”