获取生成logo的svg转换为png

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

分析

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

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

准备

  1. 百度svg to png (香香)

获取生成logo的svg转换为png_第1张图片

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

      no bb see code

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

获取生成logo的svg转换为png_第2张图片

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

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

你可能感兴趣的:(html)