jquery将页面内的svg转换为png图片并下载-静水博客

jquery将页面内的svg转换为png图片并下载

2016/05/23 标签： svg

var $svg = $('svg');
$svg.each(function(){
    var $svgXml=$(blog_post).prop('outerHTML')
    var image = new Image();
    image.src = 'data:image/svg+xml;base64,' + window.btoa(unescape(encodeURIComponent(svgXml))); //给图片对象写入base64编码的svg流
    var canvas = document.createElement('canvas');  //准备空画布
    canvas.width = parseInt($('svg').width());
    canvas.height = parseInt($('svg').height());
    var context = canvas.getContext('2d');  //取得画布的2d绘图上下文
    context.drawImage(image, 0, 0);
    var a = document.createElement('a');
    a.href = canvas.toDataURL('image/png');  //将画布内的信息导出为png图片数据
    a.download = "MapByMathArtSys";  //设定下载名称
    a.click(); //点击触发下载
});

复制上面的代码，放在console文件里，回车执行

上一篇: html5 requestFileSystem相关创建读写文件Demo

下一篇: javascript将汉字转为unicode字符

静水缘首页

刘丕水+宋静静于2007年9月相识于山东理工大学，毕业后2011年相恋，共甘苦，历时四年，终于在11月23号拿到了红本本，组建了自己的小家庭......

快速发布

静水缘首页

文章分类

最新文章