如题，本文介绍如何使用CSS或者JS等前端方法实现代码控制gif图片的暂停或者播放。一如既往，有demo有截图还有必要的源代码展示，更关键的是，本文gif比较多……
文章关键字 ‘canvas’
CSS或JS实现gif动态图片的停止与播放
2015年12月5日，星期六图片主色获取脚本rgbaster.js小介绍小使用
2014年08月12日，星期二本文的主要内容就是图片主色获取脚本rgbaster.js小介绍小使用，有demo有截图有源代码展示，不短不长，有吐槽，但不过火。总之，希望本文的内容能够对您的学习有所帮助。
小tip: SVG和Canvas分别实现图片圆角效果
2014年06月30日，星期一实现图片圆角的方法很多，图片覆盖，CSS3圆角，SVG, Canvas都可以实现，前两个大家可能都比较熟悉，这里，着重介绍后面2种技术实现。希望在某一时刻对有需要的同行能有帮助。必须的，有demo, 有截图，有源代码展示。
Snap.svg-SVG实战学习必修课-实例与文档讲解
2014年01月19日，星期日
2013年10月23日，第3届（如果我没记错的话）HTML5全球开发者大会在旧金山举办。Adobe在此次大会上宣布了一件事情：建立了一个名叫Snap.svg的开源项目。其目的在于摒弃Flash插件，将Flash的特性带到web上。
Adobe表示，”Snap.svg是一个强大且直观的SVG动画内容操纵API，支持屏蔽、裁剪、全梯度和组别等使得内容更具吸引力和交互性的功能”。
Adobe支持的项目，自然其产品中会有体现，例如DreamWeaver中的PhoneGap, 这里的Snap.svg应该也会集成在其Web开发工具中，例如Edge…..
CSS3 box-shadow盒阴影图形生成技术
2013年11月29日，星期五理论上，CSS3 box-shadow盒阴影可以生成任意的图形，小月格格的靓照，含韵格格的靓照那都不在话下。本文且听后宫茶话会上关于CSS3 box-shadow盒阴影图形生成技术的分享。截图、demo源代码示意，美女靓照一个都不少。说不定，你会有别样的收获哦！【挑眉】
使用CSS将图片转换成模糊(毛玻璃)效果
2013年11月21日，星期四前段时间，iOS7不是瓜未熟就落地了嘛，然后捡瓜的人很多，然后国内外开始了各种探讨，从界面到动画，从兼容到实现等。其中，“毛玻璃”一次梆梆出世，一些爱折腾的弄潮人就可以琢磨怎么用CSS实现之，国内有之，国外也有之……
虽然本文标题也有“毛玻璃”二字，sorry，是“三字”。但是，并不是介绍如何实现毛玻璃效果的，而是介绍毛玻璃效果实现的基础——模糊。哈哈，恕我取巧，借用“毛玻璃”之词，沾沾喜气，散发芳气；蜂飞蝶舞，围观博主。
本文很单纯，就是图片模糊效果的实现。demo、源代码、截图、拓展以及御用模特应有尽有，希望本文的内容能够对您的学习有所帮助！
贝塞尔曲线与CSS3动画、SVG和canvas的基情
2013年08月30日，星期五CSS3动画、SVG和canvas都与贝塞尔曲线存在基情关系，哟呵呵呵，本文就将揭示其中不为人知的基情，习惯八卦的你可不能错过哦……
HTML5 Canvas,WebGL,CSS Shaders,GLSL的暧昧关系
2011年10月10日，星期一技术的发展日新月异，说不定回家钓几天鱼，就出来个新东西了。新事物新技术发展的初期，你无法预见其未来之趋势，生命诚可贵，没有必要花过多时间深入研究这些新东西，不过，知道了大概，了解个全貌还是很有必要的。虽不是时代缔造者，也不至于落后于时代发展大潮。
互联网的发展相当的神速，其他不说，就前端技术这块，出现的些新名词或生名词就让人眼花缭乱，应接不暇，比如说：HTML5 Canvas, WebGL, CSS Shaders, GLSL等。你是否有这样的疑问……
基于canvas画布的两个炫酷效果展示
2011年05月17日，星期二HTML5 canvas这个玩意用通俗的话来讲就是一块用来画画的布，不过这不是普通的布，这是个类似于神笔马良的那个神笔一样神奇的东西，可以画出很多精湛美妙的东西。本文就展示两个基于canvas的炫酷效果，可以让我们对canvas的潜力有个比较直观的认识。一如既往，有demo页面，有效果截图，相关源代码展示。本文甚至还有video视频展示，总之，希望本文的内容能够对您 学习有所帮助。
图片旋转+剪裁js插件(兼容各浏览器)
2010年05月6日，星期四在现在的web应用中，对上传的图片，例如头像，原始的摄影照片常常需要在web页面上进行一些处理，常见的处理就是剪裁与旋转。但是，似乎就目前而言，缺少即支持剪裁又支持旋转且轻量级的js插件。于是，我就抽时间写了个简单的插件。
兼容各个浏览器，使用canvas元素实现旋转，封装良好，希望能对您有所帮助。
我的应用
我的应用