画圆弧
// 参数:圆心x,圆心y,半径,圆弧起点与圆心的夹角度数,圆弧终点与圆心的夹角度数,true(逆时针绘画)
can.arc(500,300,200,0,2*Math.PI/360*90,false...Tips:
1、can.beginPath() // 新建绘图,使得上一次的绘画样式不会影响下面的绘画样式(代码加在上一次绘画和下一次绘画中间。)...旋转画布
can.rotate(2*Math.PI/360*45); // 一定要写在开始绘图之前
can.fillRect(0,0,200, 10);
旋转整个画布的坐标系(参考坐标为画布的(0,0)...缩放画布
can.scale(0.5,2);
can.fillRect(0,0,200, 10);
示例:
整个画布:x方向缩放为原来的0.5,y方向拉伸为原来的2倍。
?...保存与恢复画布状态
can.save() // 存档:保存当前画布坐标系状态
can.restore() // 读档:恢复之前保存的画布坐标系状态
需要正确坐标系绘图的时候,再读档之前的正确坐标系。