SVG 이미지 canvg를 사용하여 캔버스에 제대로 변환되지

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

는

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

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

Answer 2

에게만을 바 missing..i이 유 애니메이션 전에 캔버스에 부착지고있는 bars..and의 SVG로 약간의 애니메이션을 적용했다고 가정하고 있다는 사실을 canvg 캔버스 요소를 통과 애니메이션 한 후,이 코드를 적용하지 ..try

"/> '# {canvas.toDataURL()} <의 IMG SRC ="

전에

img_PNG =