我是大神 (wandou)
我分享了代码,var canvas=document.getElementById("canvas")
var ctx=canvas.getContenxt2d;
ctx.beginPath();
// 逆时针画个小圆弧
ctx.arc(0, 0, 40, 0, Math.PI * 2, true);
// 顺时针画个大圆弧
ctx.arc(0, 0, 60, 0, Math.PI * 2, false);
ctx.closePath();
// 当不给 fill() 方法传入参数时,默认参数是'nonzero',即使用非零环绕规则来填充路径
ctx.fill();

注意:关闭本对话框后, 你将看到由 我是大神 (wandou) 开发的DEMO演示:var canvas=document.getElementById("canvas") var ctx=canvas.getContenxt2d; ctx.beginPath(); // 逆时针画个小圆弧 ctx.arc(0, 0, 40, 0, Math.PI * 2, true); // 顺时针画个大圆弧 ctx.arc(0, 0, 60, 0, Math.PI * 2, false); ctx.closePath(); // 当不给 fill() 方法传入参数时,默认参数是'nonzero',即使用非零环绕规则来填充路径 ctx.fill();,仅限工作交流和学习, 切勿在页面中填写你的登录密码、个人信息或向他人转账。


我已知晓安全风险,并继续浏览测试页面

编辑源码 | 下载源码