SVG 教程

SVG 元素

SVG 在Web中显示 SVG 教程

SVG 简单示例

HTML5 SVG图像可以非常简单，显示了一个简单的矩形，其宽度为100像素，高度为100像素。

在线示例

SVG图像可以非常简单，也可以非常复杂。这是一个简单的示例:

示例

<svg  xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink">
 <rect x="10" y="10" height="100" width="100" style="stroke:#ff0000; fill: #0000ff"/>
</svg>

测试看看 ‹/›

如您所见，该示例是纯XML：

该示例显示了一个简单的矩形，其宽度为100像素，高度为100像素。笔触颜色（矩形轮廓）设置为HTML color #ff0000。填充颜色设置为#0000ff。
生成的SVG图像如下所示:

SVG 在Web中显示 SVG 教程