个性化阅读
专注于IT技术分析

SVG第一个例子详解

<!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属性用于定义圆的填充颜色。
赞(0) 打赏
未经允许不得转载:srcmini » SVG第一个例子详解
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏