目前我们使用的基本上都是SVG1.1版本。虽然SVG2目前还在起草阶段，离具体使用，浏览器兼容还不知道等到猴年马月，但我们可以先浏览一下新特性，
SVG简单入门六：D3入门
发表于
d3这个工具包的内容非常丰富，这里只写一入门级别的东西，代你理解一下d3的数据机制。包含主下内容，基础了解的同学就不用看了。
- Selection 及基础操作
- 数据绑定
- merge / filter
d3的API设计风格很符合现在流式编程的范式，简单点说，就是很省代码行数。
SVG简单入门五：动画、裁切及蒙版
发表于
SVG简单入门四：渐变、图案及滤镜
发表于
写在最前面
做为一个技术人士来说，用什么样的技术解决什么的问题，相当重要。
对于本人来说，滤镜、渐变之类的简直就是玄学，但对于我的设计师同事来说，这些就是不值一提的常识。
那么，有没有必要去了解这些东西呢？
个人建议：需要知道这些知识能够发挥什么样的作用，用不着深入学习。
用经济学的术语就是深入学习滤镜之类的原理，是一种边际成本高，边际收入很低的行为，换言之就是性价比低。（我说的是对一般的开发者而言，如果是专门从事此领域就要再换言之一下了。）
但是完全不知道这一块的知识，也是不可取的，比如你完全不知道一些炫酷的特效如何产生的，那么你的思维空间就缺失掉了一部分的想象力，所以个人建议还是做个基本了解。现在进入正题：
SVG简单入门三：基本样式
发表于
写到这里，我忽然意识到自己有点孤陋寡闻了，因为我看到现在好多设计师都没有使用 PS 了，而是使用 Sketch 和 AI 之类的失量工具做创作，作品都是支持转成SVG的。
我现在也看到了越来越多的网站，里面使用图片也是SVG , 比如 <image src="xx.svg"> ，import svg from './xx.svg' 等等。效果其实一点也不逊于 png、jpg!
做为一个刚接触SVG编程的小粉，发现SVG适用的领域还很多，还是很欣慰的，也搞清楚了很多事情。比如之前一直不理解SVG为什么需要有这么多种使用样式的方式，现在知道了。
SVG简单入门二：结构&图形介绍
发表于
SVG简单入门一：简单介绍
发表于
—– 后记：SVG系列已经更新到语雀平台：看起来更清晰：—-
语雀地址： https://www.yuque.com/ada87/svg
本文地址： https://www.xdnote.com/svg1
小说一下历史
SVG很久以前就存在了，但是从来没有使用过。在没有HTML5之前，占据图形展示的主角是 Flash。还有就是应用程序通过字节流绘制的，比如PHP的GD库，Java的Graphx等等。
后来 HTML5 发布，Canvas(画布) 走向了前端，很多图形工具框架出现了，直到现在仍然是主流，很欣喜的是，国内在基于画布的开源项目已经非常成熟，一点也不比国外的差，比如百度的 ECharts， 阿里的 G2,G6 等等，都是非常不错的Canvas框架。
也多亏了浏览器大战，Canvas 很快都支持了WebGl，ThreeJs 应声而出。也是基于Canvas的种实现，使用opengl，通过硬件渲染支持复杂的3D图形显示。
当然想起了写个SVG的教程，我们还是把主角光环移回 SVG 身上来。直到现在，SVG占据的图形化编程市场也并不算多，有学习的的必要吗？
我的回答是：看需要，任何技术都有它的适用性。
关闭评论说明
发表于
- 主要原因：博客人气太低，我也很少有时间回来看了。
- 次要原因：没有平台可以使用了，之前WP一直是垃圾评论漫天飞，后来用了腾讯多说，可惜多说关闭了，现在用了搜狐畅言，可惜畅言现在天天往我网站上扔广告，无赖之下只好关闭。
- 其它原因：博客文章质量低，交流也很少，开站好几年，有效的交流好像还不到20次，加上一些其它的原因，评论数据也丢失了好几次，索性关掉了。
说明一下：
但是，我还是希望讨论的，任何交流可以发送问题、观点到我的邮箱 ada87 at 163 dot com 。本站所有文章均属原创或是基于个人理解的二创，谢谢。