javascript - SVG 图像未使用 canvg 正确转换为 Canvas

Question

原始 SVG 图表

渲染 Canvas 图表

这是我用来转换为 Canvas 的代码

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)