SVG에서 이미지, 데이터 및 이미지를 사용하여 (dataURI)

Question

Raphael.js, canvg 및 jquery를 사용하여 svg를 이미지로 변환했습니다.

But want to make the image at the center of rectangular view port in svg as well as png. and resize it to particular size like 800*600 etc using chrome.

크기가 작고 가운데가 사각형이 아닌 결과 이미지가 나타납니다. 어떻게 이것을 달성 할 수 있습니까? jsfiddle 설정이 있습니다. 여기 The fiddle I have compiled. 또한 "오류 : 요소 'html'아직 구현되지 않았습니다."공백이 있지만 공백이 없거나 아이디어가 없습니다.

I don't have "ERROR: Element 'html' not yet implemented." error in local pc.

감사합니다.

Answer 1

당신은 두 가지 요소가 포함 된 HTML 문자열에서 캔버스를 만들려고했다 :

이

• 이 원하는 SVG 요소 순서로 SVG를 변환에
• 당신이 사용하고자 캔버스 요소를 변환 PNG.

Canvg는 구문 분석 할 여러 요소가 없기 때문에 "HTML"에 대해 불만을 나타냅니다.

이 바이올린을 살펴 너의에서 포크 유무 : http://jsfiddle.net/LVZEX/2/

는 않는 모든 추가가이지도 사업부에서 추출 된 HTML 문자열의 끝에서 캔버스 태그를 제거하는 대신 추가입니다

 var svg = $('#map').html().replace(/>\s+/g, ">").replace(/\s+</g, "<").replace(/<canvas.+/g,"");