HTML5——SVG基础入门
SVG 是一种基于 XML 的图像格式，全称是可缩放矢量图形（Scalable Vector Graphics）。它使用 XML 来定义图形对象，然后可以在网页上使用这些对象。
SVG 的优点在于它是可伸缩的，意味着你可以在不影响质量的情况下改变其大小。另外，SVG 图像可以被搜索、编程操作甚至在其他图像或者网页中嵌入。
下面是一个简单的 SVG 示例，它创建了一个红色的圆形：
<!DOCTYPE html>
<html>
<body>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>
</body>
</html>在这个例子中，<svg> 标签定义了一个 SVG 图像，其宽度和高度都是 100 像素。<circle> 标签则定义了一个圆形，其中 cx 和 cy 属性定义了圆心的位置，r 属性定义了圆的半径。stroke 和 stroke-width 属性定义了圆边框的颜色和宽度，fill 属性定义了圆的填充颜色。
评论已关闭