canvas画矩形圆形直线三角形

开发笔记之-canvas画矩形圆形直线三角形

1.页面如下：

2.绘制长方形

3.绘制圆

4.绘制三角形

5.绘制二次贝塞尔曲线

Canvas二次贝塞尔曲线模拟
http://www.j--d.com/bezier

屏幕快照 2017-05-26 14.55.27.png

6.三次贝塞尔曲线

屏幕快照 2017-05-26 15.08.27.png

注：
ctx.save()//保存
ctx.restore()//恢复
ctx.translate(100 , 100)//在x y 轴移动的位移100
ctx.rotate( 30 * Math.PI /180 )//旋转角度
ctx.scale(1,0.5)//缩放倍数 x放大1倍 y缩放0.5

控制图形的组合：

ctx.globalCompositeOperation='source-over'

屏幕快照 2017-05-26 16.33.09.png