原始 SVG 图表
渲染的画布图表
这是我用来转换为画布的代码
svg = $('svg').parent().html()
canvg('canvas', svg)
canvas = document.getElementById("canvas")
img_PNG = "<img src='#{canvas.toDataURL()}' />"
$('.chart').html(img_PNG)
请帮助解决这个问题。
原始 SVG 图表
渲染的画布图表
这是我用来转换为画布的代码
svg = $('svg').parent().html()
canvg('canvas', svg)
canvas = document.getElementById("canvas")
img_PNG = "<img src='#{canvas.toDataURL()}' />"
$('.chart').html(img_PNG)
请帮助解决这个问题。
将canvas元素传递给canvg
svg = $('svg').parent().html()
canvas = document.getElementById("canvas")
canvg(canvas, svg)
img_PNG = "<img src='#{canvas.toDataURL()}' />"
$('.chart').html(img_PNG)
仅缺少条形的事实..我假设您已经对条形应用了一些动画..并且 svg 在动画之前被附加到画布上..尝试在动画之后而不是之前应用此代码
img_PNG = " < img src='#{canvas.toDataURL()}' />"