HTML5——SVG基础入门
warning:
这篇文章距离上次修改已过435天，其中的内容可能已经有所变动。
SVG (Scalable Vector Graphics) 是一种基于 XML 的图像格式，用于描述二维图形。它可以在网页上使用，并且可以被搜索引擎和大多数现代浏览器支持。
以下是一个简单的 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 图像，其属性 width 和 height 设置了图像的尺寸。<circle> 标签则创建了一个圆形，其属性 cx 和 cy 定义了圆心的位置，r 定义了圆的半径。stroke 和 stroke-width 属性定义了圆边框的颜色和宽度，fill 属性定义了圆的填充颜色。
评论已关闭