上一节:
下一节:

  SVG 圆

  • 定义和使用

    <circle> 元素用于创建一个圆：
    &nbsp;抱歉，您的浏览器不支持嵌入式SVG。

  • 示例

    下面是 SVG 创建一个圆的代码： 
    <html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎来到菜鸟教程</title>
</head>
<body>
<h1>SVG 圆</h1>
<svg height="100" width="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red">
</svg>
</body>
</html>
    尝试一下
    SVG 代码说明：
    • cx 和 cy 属性定义了圆心的x和y坐标。 如果省略 cx 和 cy，则圆心设为（0,0）
    • r 属性定义圆的半径

  • 相关页面

上一节:
下一节: