网站图标像素图转矢量图

以下内容全是稀饭,作者自我陶醉:
将像素图转为矢量图的过程中由于没什么经验,撞了不少墙,令人开心的事情是至少我已经踏入入门(微笑。
当然这仅仅作为简单的像素图转换的练习,巧好成为下个项目必须挖山造路的基础,至少我下次不会用手因为我们有令人骄傲的智慧。

转换结果:

从上面的对比图来看至少可以发现少许不同地方,由于不是直接进行转换而是svg重做的原因,为了更加直观我们来看看DOM

溜了 溜了))

 

一、SVG的基础

可缩放矢量图形(Scalable Vector Graphics,SVG)学习首先需要了解svg如何建立规则图形或非规则图形以及svg属性。等等!这个设定是不是很熟悉,是否感觉在使用html上的style属性呢,是的。

如果你已经大致了解或已经掌握,实际上你对svg有一定熟练度,能熟练使用svg表现出丰富的图形,接下来便是svg dom节点操作的剩余知识。

由于不在这片文章核心介绍内容之中,略(请参考MDN大纲上教程)

 

二、如何开始

借助工具

在创作svg前当然不能手敲啦,艺术家或开发者为了更加快速有效创作他们往往借助不同的工具

  • SVG在线编译器 https://c.runoob.com/more/svgeditor/
  • Adobe Illustrator
  • Inkscape

 

—— 感谢你抽出宝贵的时间阅读



Cabbagelol将做些什么
负责记录Cabbagelol的总结,或者共享有趣的内容,这就是后院的最重要做的事情⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄。
备案:粤ICP备15107172号-1
邮箱:nickmiku@foxmail.com

Copyright © 2015 - 2017 Cabbagelol. All Rights Reserved. Powered By Wordpress(EverBox).