svg转png

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="转换失败"/>');

});

转载于:https://www.cnblogs.com/zhaozhou/p/9227590.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值