获取生成logo的svg转换为png

身为21世纪最菜鸡的学生码农,想给自己的小项目加一点色彩,就去百度搜索了各种logo,大佬们通过svg,canvas和代码生成器设计出的自动生成logo的网站,真的方便你我他,价格呢也是非常亲民,学了前端这么久花午饭钱买个logo心理总有些不平衡

分析

     设计网站为了避免图片被直接另存为,一般采用三种方法canvas画布生成,svg矢量图片让普通用户无法直接使用,图片加水印作为展示。分析过后我们发现canvas开发的是少数,因为做过canvas开发的都知道我们只需要调用canvas的drawImage方法可以直接下载canvas整个画布,然而水印图片展示我们当然无法直接进行操作但是点击进行编辑页面我们发现依然是svg拼接出来的。

    所以事情简化了,svg如何转换为png

准备

  1. 百度svg to png (香香)

     2.新建一个文件文件后缀名改为.svg,编辑文件粘贴下面代码

      no bb see code

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

    3.找到复制svg节点代码(在想要下载的logo上面点右键检查,找到svg点右键找的copy下的cut element点击去第二步生成的文件代码下面粘贴保存即可)

     4.打开我们百度搜索的svg转png直接转换即可

他们提供的免费的转换次数每天有限,简单分析只是存储了localstorage 清理即可无限转换,大部分浏览器快捷键ctrl+shift+del,也可以手动清除

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值