去年9月份曾写过“使用SVG实现gradient背景渐变”一文，其中有对SVG比较术语化的解释，以及SVG的创建、SVG编辑器使用、简单的实际应用等。
不过，之前的介绍，虽然也有内容，不过总给人以生硬之感，仿佛是直接从山上凿下的原石，没有美化与雕琢。而这里的介绍（自然没有重复）似乎更接地气些，应该会给你一点别样的关于SVG的收获。
一如既往，有demo，有截图，有源代码示意。希望本文的内容能够对您的学习有所帮助。
“Graphic相关”目录存档
SVG特征、支持以及一些实际使用问题
2012年08月22日，星期三小tip: 使用CSS将图片转换成黑白(灰色、置灰)
2012年08月19日，星期日可能早就知道，像汶川这种糟糕的日子网站全灰在IE下是可以轻松实现的(filter: gray;)，不过，当时，其他浏览器是无解的。不过，时代发展，如今，CSS3的逐步推进，我们也开始看到“黑白效果”大规模应用于实际的可能。
本文就将介绍如何是有CSS3的一些新方法实现图片的黑白效果。另外，最后还介绍下一款可以实现各个浏览器下图片黑白的小JS插件。有截图，有demo，有代码示意，希望本文的内容能够对您的学习有所帮助。
HTML5 Canvas,WebGL,CSS Shaders,GLSL的暧昧关系
2011年10月10日，星期一技术的发展日新月异，说不定回家钓几天鱼，就出来个新东西了。新事物新技术发展的初期，你无法预见其未来之趋势，生命诚可贵，没有必要花过多时间深入研究这些新东西，不过，知道了大概，了解个全貌还是很有必要的。虽不是时代缔造者，也不至于落后于时代发展大潮。
互联网的发展相当的神速，其他不说，就前端技术这块，出现的些新名词或生名词就让人眼花缭乱，应接不暇，比如说：HTML5 Canvas, WebGL, CSS Shaders, GLSL等。你是否有这样的疑问……
使用SVG实现gradient背景渐变
2011年09月23日，星期五现在现代浏览器都对CSS3的渐变支持良好，加上IE的渐变滤镜，可以在不使用图片的情况下实现各个浏览器的两色渐变效果。这里，再简单介绍下如何使用svg实现元素背景的垂直渐变，水平渐变，斜向渐变，或是径向渐变，以及更加复杂的多层渐变。
耳熟能详的唠叨：本文提供demo页面，丰富的截图以及必要的源代码展示。希望本文的内容可以对您的学习有所帮助。
基于canvas画布的两个炫酷效果展示
2011年05月17日，星期二HTML5 canvas这个玩意用通俗的话来讲就是一块用来画画的布，不过这不是普通的布，这是个类似于神笔马良的那个神笔一样神奇的东西，可以画出很多精湛美妙的东西。本文就展示两个基于canvas的炫酷效果，可以让我们对canvas的潜力有个比较直观的认识。一如既往，有demo页面，有效果截图，相关源代码展示。本文甚至还有video视频展示，总之，希望本文的内容能够对您 学习有所帮助。
时鲜技术：图像的像素化处理
2010年11月4日，星期四
本文更多的是技术展示，展示如何对图像进行像素化处理，可方块像素化，圆形像素化。简洁明了，提供demo，截图，以及代码展示，希望能对您的学习有所帮助。
js+flash(as3)实现复制文字内容到剪切板
2010年08月17日，星期二单纯的js复制文字到剪切板较啰嗦，由于考虑到安全性等原因，使用类似点击按钮这类复制文字内容的操作往往多有限制，所以，总的来看，使用js实现文字等内容的复制不是个好方法。既然，js实现文字的复制有点啰哩吧嗦的，我们可以转向其他的方法，例如JavaScript的近亲，ActionScript，在AS3下，实现文字复制到剪切板要比js轻松很多。本文就是介绍如何通过flash为媒介实现将web页面上的文字复制到剪切板中。
提供代码展示，提供demo页面，提供源文件打包下载，希望能对您的学习有所帮助。
图片旋转+剪裁js插件(兼容各浏览器)
2010年05月6日，星期四在现在的web应用中，对上传的图片，例如头像，原始的摄影照片常常需要在web页面上进行一些处理，常见的处理就是剪裁与旋转。但是，似乎就目前而言，缺少即支持剪裁又支持旋转且轻量级的js插件。于是，我就抽时间写了个简单的插件。
兼容各个浏览器，使用canvas元素实现旋转，封装良好，希望能对您有所帮助。
翻译 – 逐渐消失的Flash网站
2010年04月20日，星期二
如果你想要一个盛大的视觉效果的网站，含有复杂的交互以及跨浏览器的富体验，flash是唯一的选择。确实如此吗？回答是“不是”。随着现代浏览器的进步与提升，以及JavaScript库的被广泛采纳，使用flash显得没有意义了。但是考虑到渐进增强的需要，目前flash站点在web上仍有一席之地。
在当前的景观技术下，以及通过诸如相框，netbooks、手机、电视这类设备访问互联网时，网络标准的好处要大于那些flash，尤其是当提供内容是在各种设备上面对更广泛的受众时。
Flash是一个坐在浏览器扩展功能顶部的专利产品 。尽管flash可以提供在某一段时间内可能缺失的功能，但是对于现代浏览器而言，其所带来的价值几乎为0. 随着越来越多的设计师以及开发人员意识到web标准的好处，以及开始使用一些HTML5和CSS3的特征，我们会更少看到由Flash驱动的网站。
博客内嵌flash音乐播放器代码、下载与使用
2010年01月14日，星期四目前，绝大多数的音乐播放器都是flash实现的，例如Google的音乐播放，百度MP3，新浪乐库等。在HTML5未来临的时候，flash技术是最上佳的选择。本文将讲解一些flash音乐播放器相关的内容，不过不是讲怎么开发制作，而是如何在自己的站点上使用国内大型网站的flash音乐播放器，而且本文所涉及的音乐播放器是专指单音乐播放器，顾名思意就是一次只能播放一首歌的播放器，常用在博客日志系统中。本文讲展示三款单音乐播放器，分别来自新浪网，人人网还有开心网。
这些播放器可以直接在您自己的网站上使用的，本文就将介绍如何在自己的网站上使用这些播放器。提供动态代码的获取，希望对您有所帮助。
我的应用
我的应用