canvas学习笔记之绘制简单路径
发布时间：2020-05-12 10:47:23 所属栏目：MySql教程 来源：站长网
导读：绘制线段一般步骤: moveTo(x,y) 移动画笔到指定的坐标点(x,y) lineTo(x,y) 使用直线连接当前端点和指定的坐标点(x,y) stroke() 根据当前的画线样式，绘制当前或已经存在的路径 2 矩形路径 绘制矩形路径一般步骤: rect(x, y, width, height) 矩形路径，坐标
|
绘制线段一般步骤: moveTo(x,y) 移动画笔到指定的坐标点(x,y)lineTo(x,y) 使用直线连接当前端点和指定的坐标点(x,y) stroke() 根据当前的画线样式，绘制当前或已经存在的路径 2 矩形路径 绘制矩形路径一般步骤: rect(x, y, width, height) 矩形路径，坐标点(x,y)，width height宽高stroke()或fill 根据当前的样式，绘制或填充路径 也可使用前文提到的strokeRect或fillRect, 或者是通过lineTo拼接成矩形 3 圆弧路径 先看下绘制圆弧的api: ctx.arc(x, y, radius, startAngle, endAngle, anticlockwise);x, y 圆弧中心， radius 圆弧半径, startAngle 起始点, endAngle 圆弧终点, anticlockwise 默认为顺时针, true逆时针 图示：
(图片来自大漠) ctx.beginPath(); ctx.arc(200, 100, 100, 0, Math.PI / 2, false); ctx.closePath(); ctx.stroke(); ctx.fill();
（编辑：威海站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
