SVG 示例
亲自试一试示例
下面的示例将 SVG 代码直接嵌入到 HTML 代码中。
Firefox、Internet Explorer 9、Google Chrome、Opera 和 Safari 支持此功能。
SVG 示例
SVG 基本形状
一个圆圈
一个长方形
不透明的矩形
不透明度为 2 的矩形
带圆角的矩形
一个椭圆
三个椭圆彼此重叠
两个椭圆
一条线
具有三个边的多边形
有四个边的多边形
一个明星
另一位明星
折线
另一条折线
一条路径
二次贝塞尔曲线
写一段文字
旋转文本
多行文本
文本作为链接
定义线条、文本或轮廓（描边）的颜色
定义线条、文本或轮廓的宽度（描边宽度）
定义开放路径的不同类型的结尾（描边线帽）
定义虚线（笔划-dasharray）
SVG 滤镜
feGaussianBlur - 模糊效果
feOffset - 偏移一个矩形，然后将原始图片混合到偏移图片的顶部
feOffset - 模糊偏移图片
feOffset - 使阴影变黑
feOffset - 将阴影视为颜色
feBlend 过滤器
过滤器1
过滤器2
过滤器3
过滤器4
过滤器5
过滤器6
SVG 渐变
具有从黄色到红色的水平线性渐变的椭圆
具有从黄色到红色的垂直线性渐变的椭圆
具有从黄色到红色的水平线性渐变的椭圆和文本
具有从白色到蓝色的径向渐变的椭圆
另一个具有从白色到蓝色的径向渐变的椭圆
SVG 杂项
5 秒内反复消失的矩形
一个会改变颜色的不断增长的矩形
三个会改变颜色的矩形
沿着运动路径移动文本
沿着运动路径移动、旋转和缩放文本
沿着运动路径移动、旋转和缩放文本 + 会改变颜色的不断增长的矩形
旋转椭圆
截取页面反馈部分，让我们更快修复内容！也可以直接跳过填写反馈内容!