java base64 svg转png_svg转成png并下载

最新推荐文章于 2023-06-29 07:27:01 发布

weixin_39929646

最新推荐文章于 2023-06-29 07:27:01 发布

阅读量729

点赞数

文章标签： java base64 svg转png

本文链接：https://blog.csdn.net/weixin_39929646/article/details/114503792

版权

要实现点击一个按钮，将界面上相应的svg转成png图片并下载。

html代码如下

Title

HELLO WORLD!SVG!

change

js代码如下 (function (global) { global.svgToPng = function (svgHtml) { this.svgHtml = svgHtml; }; global.svgToPng.prototype = { change:function (filename) { var This = this; [ ['version', 1.1], ['xmlns', "http://www.w3.org/2000/svg"], ].forEach(function(item){ This.svgHtml.setAttribute(item[0], item[1]); }); var str = This.svgHtml.parentNode.innerHTML; //2.生成img var img = document.createElement('img'); img.onload = function(){ //3生成canvas var canvas = document.createElement('canvas'); var context = canvas.getContext("2d"); canvas.width = img.width; canvas.height = img.height; context.drawImage(img, 0, 0); var canvasData = canvas.toDataURL("image/png"); var img2 = document.createElement('i