首页 > 软件资讯 > Canvas绘制圆形H5教程

Canvas绘制圆形H5教程

时间:2026-09-13 08:52:47

用H5的Canvas标签画圆

新建400×400画布文件,导入JS脚本。

将画布背景设为888灰色

效果见图示

画一个半径10的圆

效果见图示

重复生成多个圆

效果见图示

调整圆圈间距

效果见图示

stroke用于设定边框样式

效果见图示

圆形设置边框与填充

附JS代码部分

}

}

网页结构代码

绘制一个完整的圆形图形。

热门推荐