Canvas 线性图形(二):圆形
2024-09-08 06:24:40
函数
arc(x, y, radius, startAngle, endAngle, counterclockwise)
参数名 | 描述 |
---|---|
x、y | 圆心坐标轴 |
radius | 圆的半径 |
startAngle | 圆从多少度开始画起 |
endAngle | 圆从 startAngle 画到多少度结束 |
counterclockwise | 代表圆从顺时针(true)还是逆时针(false)画起 |
案例
1π 代表 180°,JS 的 Math 对象提供了各种常用的数学函数和数学数字,其中就包括 π。
ctx.beginPath();
ctx.arc(150, 150, 100, 0, Math.PI * 2, true);
ctx.lineWidth = 2;
ctx.fillStyle = 'gold';
ctx.fill();
ctx.strokeStyle = 'red';
ctx.stroke();
ctx.closePath();
最新文章
- Module-Zero之发布说明
- js中this的绑定
- Leetcode: Serialize and Deserialize BST
- gulp详细入门教程(转载)
- Idea_idea代码调试debug篇
- PHP中关于 basename、dirname、pathinfo 详解
- 《DNS服务缓存的建立》RHEL6
- Java学习笔记(七):内部类、静态类和泛型
- node系列2
- Java连接MySQL中文乱码处理【转载】
- Qt使用快捷键
- css小技巧 :not 省时又省力
- 20.1章JSON语法
- windows每天备份文件的bat脚本【原创】
- Linux 查看各文件夹大小命令du -h --max-depth=1
- android系统通过图片绝对路径获取URI的三种方法
- LeetCode(55): 跳跃游戏
- 监控页面后退前进,浏览器文档加载事件之pageshow、pagehide
- System.Threading.ThreadAbortException: 正在中止线程
- pojo与DTO的区别