HTML5——SVG基础入门
warning:
这篇文章距离上次修改已过191天,其中的内容可能已经有所变动。
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
属性定义了圆的填充颜色。
评论已关闭