HTML5之SVG 2D入门10—滤镜的定义及使用

这个例子包含5个部分：
  1.第一组中的图片，没用使用任何滤镜效果。
  2.第二组使用一样的图片，但是开启了使用背景的效果。
  3.第三组使用一样的图片，但是在内部的容器了使用了滤镜效果。
  4.第四组在内容容器的元素上使用了滤镜效果。
  5.最后一组使用了与第四组相同的滤镜效果并合并源图片后生成的效果。

滤镜的概念其实很简单，只不过是每个效果的代码看起来比较复杂，其实我们试一下就很清楚了，不过由于不同的浏览器对SVG的支持程度都不一样，具体的效果还是自己试试后再使用吧。 

实用参考
脚本索引：(v=vs.85).aspx
开发中心：https://developer.mozilla.org/en/SVG
热门参考：
官方文档：

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!