svg转图片的3种方式

mind

svg转图片的3种方式
1.情景展示如何将svg文件转换成图片格式？
以下面这个图片方式地址为例：
https://mmbiz.qpic.cn/mmbiz_svg/et9q9FvjBBoKIEABtT5CArQ6JzPXlUia24Y0ZpX2ib5qcvib6wvsACNadI0peB01ic7XFf1HWxN0Lpt1YYvgMwuoCpKFDhWGfBeb/640?wx_fmt=svg



2.解决方案方式一
使用在线网站转换
https://www.aconvert.com/cn/image/svg-to-jpg/



如上图所示，可以根据svg文件或者svg的网络地址进行转换；
可转换成的图片格式，支持很多种：



同时，可以设置压缩图片质量和尺寸。
如果，根据网络地址无法完成转换的话，比方说，微信上的图片就不允许其他网站使用，怎么办？
只能将svg文件保存到本地。
用浏览器访问svg文件地址，右键，另存为：


保存到本地的将是svg文件；
然后，再将本地文件上传到转换网站，进行格式转换。
转换成功后，点击转出结果位置的图片访问地址；


再将结果保存到本地即可。
这种方式有一个缺点：
原svg当中的透明区域，在转换成图片后，会被填充成白色。

方式二 使用PS。
将svg通过浏览器下载到本地；
选中该文件，用PS打开；
或者，打开PS，将svg文件拖拽到PS当中；


将会出现栅格化提示；

文件-->导出-->导出为；


导出的图片格式，只能是：PNG,JPG和GIF格式。

优点：使用ps转换成图片，将会保留原来的透明区域。
缺点：支持的图片格式只有3种。

方式三 使用js将svg转成图片

具体实现方式见文末推荐。

---

相关推荐

• 办公模块
• 小编主页
• 简书禁止发布的文章看这里
• js svg转图片格式
  

作者：Marydon
链接：https://www.jianshu.com/p/712735c687d0
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。