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