svg转png网络上常用的方式有两种:

1.直接转base64放到图片src进行显示,测试效果不佳,始终报方法问题。

2.先转canvas,再转为png图,测试效果可以但svg透明背景到了canvas转换会变黑。

推荐使用方法三:

复制链接下载svg转png的js

http://p8sv0x8g6.bkt.clouddn.com/saveSvgAsPng.js

方法使用:

//获取svg我这里的是获取到了id=svg的div框里面的svg

var canvas = $("#svg svg")[0];

//调用方法转换即可,转换结果就是uri,我3这里是放到了原地址,大家可以按情况自己设置

svgAsPngUri(canvas, null, function(uri) {

    $("#svg").html('<img src="' + uri + '" alt="转换失败"/>');

});

相关文章:

  • 2021-08-24
  • 2021-11-16
  • 2022-12-23
  • 2021-11-18
  • 2021-12-05
  • 2021-05-13
  • 2022-12-23
  • 2021-07-04
猜你喜欢
  • 2022-12-23
  • 2021-11-18
  • 2022-01-17
  • 2021-09-22
  • 2021-10-12
  • 2022-12-23
  • 2021-06-21
相关资源
相似解决方案