<!DOCTYPE html>
<html>
<body>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40"
stroke="green" stroke-width="4" fill="yellow" />
</svg>
</body>
</html>
立即测试
渲染过程涉及以下内容:
- SVG图像在<svg> …… </ svg>元素中定义。
- <svg>元素的width和height属性用于定义SVG图像的高度和宽度。
- 在上面的示例中, <circle>元素用于绘制圆。
- cx和cy属性用于表示圆心。其默认值为(0, 0)。
- r属性用于表示圆的半径。
- 其他属性stroke和stroke-width用于控制圆的轮廓。
- fill属性用于定义圆的填充颜色。
评论前必须登录!
注册