(下文转自http://begoodluck.blog.163.com/blog/static/2045072802013414103539404/)2013-05-1422:35:39|  分类： web开发 |  标签：svg  |举报|字号 订阅    下载LOFTER客户端为了使图像更生动形象，可以在SVG中使用滤镜效果和输出文字的基本方法。一、在SVG中使用滤镜效果在SVG中，我们可以直接对基本图象和文字使用这些效果，在SVG使用滤竟效果就和AdobePhotoshop、MacromediaFireworks中一样，比如：阴影、高斯模糊、金属效果，颜色渐变等，SVG中的滤镜效果有feBlend、feColorMatrix、feComponentT...

by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=4323万丈高楼平地起，基础很重要。viewport表示SVG可见区域的大小，或者可以想象成舞台大小，画布大小。<svg width="500" height="300"></svg>上面的SVG代码定义了一个视区，宽500单位，高300单位。注意这里的措辞是“单位”，不是“像素”。虽然说，width/height如果是纯数字，使用的就是“像素”作为单位的。也就是说，上面SVG的视区大小就是500px*300px.当然，故弄“单位”这个措辞，潜台词就是你可以使用其他类型的单位，涵盖常见CSS单位：单位...

by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=4197一、数字、公式、函数、变量，哦，NO!又又一次说起贝塞尔曲线（英语：Béziercurve，维基百科详尽中文释义戳这里），我最近在尝试实现复杂的矢量图形动画，发现对贝塞尔曲线的理解馒头那么厚，是完全不能承受富有创意的创作的，至少得有我当年追我老婆的脸皮厚才行。然而，瞅瞅维基百科上的释义，或者其他一些相关的技术文章，总是离不开各种公式，一大堆变量……例如下面维基截图缩略图：完全是数学爱好者的菜啊！我想，要是让UI设计师们去学习这些东西，估计还不如一刀来个痛快的！这就是爱好领域与能力掌握的悖论！从思维方式以及理论根基上来讲，设计师更能做出细腻、灵动的动画效果。在传统动画领域，往往都...