SVG图像未使用canvg正确转换为Canvas答案

【问题标题】：SVG Image not converted properly to Canvas using canvgSVG图像未使用canvg正确转换为Canvas
【发布时间】：2014-05-22 17:39:34
【问题描述】：

原始 SVG 图表

渲染的画布图表

这是我用来转换为画布的代码

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

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

请帮助解决此问题。

【问题讨论】：

标签： javascript jquery canvas svg canvg

【解决方案1】：

将canvas元素传递给canvg

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

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

【讨论】：

【解决方案2】：

只有条形图丢失的事实..我假设您已经对条形图应用了一些动画..并且 svg 在动画之前被附加到画布上..尝试在动画之后而不是之前应用此代码

img_PNG = " "

【讨论】：