html 에서 svg 캔버스 내용 을 png 로 내 보 내기

1362 단어 HtmlJsSVGpng
말 이 많 지 않 으 면, 직접 코드 를 붙인다. function converDownload() { var mainWarp = document.getElementById("main-warp"); var svg = document.getElementById("orig-svg"); var dd = 'data:image/svg+xml;base64,' + window.btoa(unescape(encodeURIComponent(mainWarp.innerHTML))); var img = new Image(); img.src = dd; document.getElementById("help-div").appendChild(img); var canvas = document.createElement('canvas'); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext('2d'); ctx.drawImage(img, 0, 0); setTimeout(function() { var data = canvas.toDataURL('image/png'); var a = document.createElement('a'); a.href = data; // png a.download = "logo.png"; // a.click(); // }, 1000); }

svg


좋은 웹페이지 즐겨찾기