您可以使用SVG元素在HTML中创建简单的图形。以下是一个简单的示例:
<!DOCTYPE html>
<html>
<head>
<title>SVG Example</title>
</head>
<body>
<svg width="100" height="100">
<rect x="10" y="10" width="80" height="80" fill="red" />
</svg>
</body>
</html>
在上面的示例中,我们使用<svg>
元素创建了一个100x100像素的SVG画布,并使用<rect>
元素创建了一个红色的正方形。x
和y
属性定义了矩形的左上角的位置,而width
和height
属性定义了矩形的宽度和高度。fill
属性定义了矩形的填充颜色。
您可以使用其他的SVG元素来创建不同的形状,比如<circle>
、<line>
、<polygon>
等等。您可以通过设置不同的属性来自定义这些形状的外观和行为。
希望这可以帮助您开始在HTML中使用SVG元素创建简单的图形。