试戴它自己的例子
下面的例子直接嵌入SVG代码插入HTML代码。
这是火狐，IE 9，谷歌Chrome，Opera和Safari浏览器的支持。
SVG示例
SVG基本形状
一个圆形
矩形
用不透明的矩形
与不透明2的矩形
带圆角的矩形
椭圆
在彼此的顶部三个椭圆
两个椭圆
一行
有三个边的多边形
有四个边的多边形
一个明星
另一位明星
折线
另一个折线
一条路径
二次贝塞尔曲线
写文本
旋转文本
几行文字
文字为纽带
定义线条，文字或轮廓的颜色(stroke)
定义线条，文字或轮廓的宽度(stroke-width)
定义不同类型的结局到开放路径(stroke-linecap)
定义虚线(stroke-dasharray)
SVG过滤器
feGaussianBlur -模糊效果
feOffset -偏移一个矩形，然后混合原始的偏移图像的顶部
feOffset -模糊偏移图像
feOffset -让阴影黑
feOffset -把阴影的颜色
一个feBlend过滤器
过滤器1
过滤器2
过滤器3
过滤器4
过滤器5
过滤器6
SVG渐变
从黄色到红色的水平线性梯度的椭圆
从黄色到红色的垂直线性梯度的椭圆
从黄色到红色的水平线性梯度椭圆形，和一个文本
径向渐变的椭圆从白色到蓝色
另一种椭圆形径向渐变从白色到蓝色
SVG杂项
矩形反复消失5秒以上
越来越矩形会改变颜色
三个矩形会改变颜色
移动文本沿运动路径
移动，旋转和缩放文本一起运动路径
移动，旋转，并沿运动路径比例文本+越来越多的矩形会改变颜色
椭圆旋转