码农教程 - 一技在手,衣食无忧!
首页
HTML/CSS
HTML
CSS
W3.CSS
Bootstrap
SASS
Bootstrap4
Bootstrap5
JavaScript
JavaScript
React
jQuery
Nodejs
VUE
TypeScript
Angular
服务端
JAVA
PHP
C
C++
GO
Django
数据库
SQL
MYSQL
PostgreSql
MongoDb
数据分析
PYTHON
R
移动端
Kotlin
XML 教程
XML
ASP.NET
C#
ASP
开发工具
GIT
网站建设
How To
AWS
网络安全
AI
机器学习
生成式 AI
数据科学
目录
HTML 图形
图形主页
HTML 绘图
绘图图形
绘图画布
绘图 Plotly
绘图 Chart.js
绘图 Google
绘图 D3.js
Google 地图
地图简介
地图基础
地图叠加层
地图事件
地图控件
地图类型
地图参考
SVG 教程
SVG 简介
SVG 在 HTML 中
SVG 矩形
SVG 圆
SVG 椭圆
SVG 线
SVG 多边形
SVG 折线
SVG 路径
SVG 文本
SVG 描边
SVG 滤镜简介
SVG 模糊效果
SVG 投影阴影
SVG 线性
SVG 径向
SVG 示例
SVG
<圆圈>
❮ 上一节
下一节 ❯
SVG 圆 - <圆>
<circle> 元素用于创建一个圆:
抱歉,您的浏览器不支持内联 SVG。
这是 SVG 代码:
示例
<svg height="100" width="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>
亲自试一试 »
代码解释:
cx 和 cy 属性定义圆心的 x 和 y 坐标。如果省略 cx 和 cy,则圆心设置为 (0,0)
r 属性定义圆的半径
❮ 上一节
下一节 ❯
纠错反馈
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!
标注
直接在页面拖动鼠标来标注反馈区域!
下一步
反馈内容
联系方式(邮箱)
返回
提交