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

事实上只有条形图缺失..我假设你已经向条形图应用了一些动画......并且svg在动画之前附加到画布上..在动画之后应用此代码而不是之前

img_PNG =＆＃34; ＆LT; img src =＆＃39;＃{canvas.toDataURL（）}＆＃39; /＆GT;＆＃34;