<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>canvas绘制圆形</title>
<style type="text/css">
body{
margin: 0;
padding: 0;
}
</style>
</head>
<body οnlοad="draw('canvas')">
<canvas id="canvas" width="500" height="500"></canvas>
<script type="text/javascript">
function draw(id){
var canvas = document.getElementById(id);
var context = canvas.getContext('2d');
context.fillStyle = "#f1f2f3";
context.fillRect(0,0,500,500);
for(var i=0;i<10;i++){
context.beginPath();//开始绘制路径
//context.arc(x,y,radius,starAngle,anticlockwise)
//x为绘制圆形起点横坐标,y为绘制圆形起点的纵坐标,radius圆半
canvas绘制圆形
最新推荐文章于 2023-03-28 09:47:00 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)