SVG图形表现非常给力，但是对于纯粹的文本展示却很吃力，例如希望文字到边缘可以自动换行，结果SVG却很难做到，对于XHTML而言这可以说是天生的理所当然的特性，那有没有什么办法让SVG元素中的文本也如同普通的HTML和CSS那样自动换行呢，有，那就是SVG的<foreignObject>元素！
文章关键字 ‘SVG’
SVG <foreignObject>简介与截图等应用
2017年08月4日，星期五【翻译】借助SVG实现背景透明JPG图片
2017年03月9日，星期四人物往往色彩丰富，有时候会遇到需要背景透明的场景，结果PNG24图片尺寸太大，PNG8质量太差，JPG尺寸最小效果还好，但是背景又不透明，有没有什么办法就有JPG的小尺寸好效果，同时背景透明呢？本文的处理技巧可能会对你解决相关问题提供一些思路。
巧用浏览器CSS属性值的不兼容向下兼容hack技巧
2016年10月25日，星期二CSS3中有很多好的特性，例如box-shadow盒阴影，但是，唯一的问题是IE8浏览器不支持，如果是对外的PC站点，则IE8浏览器不可不顾，尤其一些受众广泛的网站。
怎么办呢？我的做法往往是这样，IE9+浏览器使用box-shadow阴影，而IE7，IE8浏览器使用border线框。
我们一般采用一些CSS hack技巧，例如使用:root伪类，从功能上满足了我们的开发需求，但提高了我们的CSS权重，很容易增加我们CSS代码的复杂度，那有没有更好的实现呢？
-webkit-box-reflect属性简介及元素镜像倒影实现
2016年08月14日，星期日玻璃，水面会有倒影，有时候我们在web中模拟一些效果，或者实现一些质感的时候，也是需要投影效果的。那我们该如何实现呢？本文从-webkit-box-reflect入手，按照浏览器，依次介绍各种投影效果的实现，很多demo，很多截图很多源代码展示，希望本文的内容能够对您的学习有所帮助！
SVG精简压缩工具svgo简介和初体验
2016年02月29日，星期一SVG文件，尤其从各种变假期导出的SVG，通常包含大量的无用信息，例如编辑器源信息，注释，因此元素，默认或者非最优值，以及其他一些不会影响渲染结果的可以移除或转换的内容。
有没有什么工具可以简化这些信息呢，有，不妨试试本文介绍的svgo.
理解SVG transform坐标变换
2015年10月10日，星期六
本文是SVG学习基本且重要的知识点。本文相当详尽的讲解了SVG transform变换的语法、特点以及一些实际的处理等等。有相当多的截图，源代码展示，还有必要的demo，对了，还有很多gif示意。如果你要学习SVG, 本文内容一定会对你的学有所帮助的。
寥寥数行SVG实现圆环loading或倒计时效果
2015年07月31日，星期五本文内容如题。有Demo有截图有帅气的源代码展示，不过没有漂亮的妹子，但是这并不会影响你的学习。
CSS3/SVG clip-path路径剪裁遮罩属性简介
2014年12月22日，星期一CSS3新增属性除了我们现在用的比较多的border-radius, box-shadow, gradient, ...之类，还有很重要的一个分支：SVG属性家族！
所谓「SVG属性家族」是指原本SVG的标签属性可以直接使用CSS设置。本文的clip-path就是其中一个属性，可以游走于SVG属性和CSS属性之前。本文中等篇幅，中等难度，丰富的源代码展示，丰富的demo页面，丰富的截图，还有必要的gif演示，总之，希望本文的内容能够对您的学习有所帮助！
PSD小图标变身SVG Sprites/font-face历险记
2014年12月2日，星期二结语摘要：SVG是以后图形领域重要的媒介，如何导出适合开发的SVG图形是设计师必备技能，本文的填色等处理都是比较重要的处理细节；页面仔对图形软件使用不一定很熟，尤其illustrator，本文就拿一个比较复杂的图标举例，演示了如何迁移以及优化SVG路径。实际开发时候，一般的PSD中的小图标路径都是简单正常的，不需要“相减”或“联集”等路径操作。所以，弄清楚了本文的操作，基本上图标SVG变身都不是什么问题。
技术发展，以后肯定会出现PSD一键SVG转换工具的，本文内容就要作古了，或许现在就有，哪位小伙伴有所耳闻的，不妨分享下~~
我的应用
我的应用