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> 元素中定义。
  • < svg> 元素的width和height属性用于定义SVG图像的高度和宽度。
  • 在上面的示例中, < circle> 元素用于绘制圆。
  • cx和cy属性用于表示圆心。其默认值为(0, 0)。
  • r属性用于表示圆的半径。
  • 其他属性stroke和stroke-width用于控制圆的轮廓。
  • fill属性用于定义圆的填充颜色。

    推荐阅读