SVG 范例列表
在线范例
我们可以把做好的 SVG 范例嵌入到 HTML 中
谷歌Chrome，火狐，Internet Explorer9，和Safari等浏览器的主流版本都支持 <svg> 标签
Internet Explorer 8 和 Opera 不支持。即使 Opera 支持SVG。但它也不支持 SVG 在 HTML 代码中直接使用
SVG 范例列表
SVG基本形状
- 一个圆
- 矩形
- 不透明矩形
- 一个矩形不透明2
- 一个带圆角矩形
- 一个椭圆
- 累叠而上的三个椭圆
- 两个椭圆
- 一条线
- 三角形
- 四边形
- 一个星星
- 另一个星星
- 折线
- 另一个折线
- 路径
- 二次贝塞尔曲线
- 编写文字
- 旋转文本
- 路径上文字
- 几行文字
- 文本链接
- 定义一条线，文本或轮廓颜色（stoke）
- 定义一条线宽度，文本或轮廓（stroke-width）
- stroke-linecap属性定义不同类型的开放路径的终结：
- 定义虚线（stroke-dasharray）
SVG 滤镜
- feGaussianBlur - 模糊效果
- feOffset - 偏移一个矩形，然后混合偏移图像顶部
- feOffset - 模糊偏移图像
- feOffset - 使阴影变黑色
- feOffset - 为阴影涂上一层颜色
- 一个feBlend滤镜
- 一个feColorMatrix滤镜
- 一个feComponentTransfer滤镜
- feOffset、feFlood、feComposite、feMerge 以及 feMergeNode
- 一个feMorphology滤镜
- 滤镜1
- 滤镜2
- 滤镜3
- 滤镜4
- 滤镜5
- 滤镜6