1.canvas畫布嗜历，是一個標簽。
2.畫矩形：1> 空心 stroke
? ? ? ? ? ? ? ? ? ? ? ?2>實心 fill
? ? ?strokeRect() ?繪制空心矩形 默認為黑色?
? ?語法 ?context.strokeRect(x,y,width,height)
3.畫線：
context.moveTo(x,y) ?線條開始坐標
context.lineTo(x,y) ?線條結束坐標
beginPath():開始一條路徑
colsePath():關閉一條路徑
4.畫圓：
context.arc()
語法：context.arc(x哗讥，y，r，起始角客燕，結束角慨亲，順逆時針)
counterclockwise="true"
false—順時針
true—逆時針
默認為順時針
5.漸變：
線性漸變：createLinearGradient(x1,y1,x2,y2) ? ? 第一組參數(shù)是起始坐標婚瓜；
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 第二組參數(shù)是結束坐標。
放射性漸變：createRadialGradient(x1,y1,r1,x2,y2,r2)
添加漸變點：addcolorStop(位置刑棵，顏色)
例：addcolorStop(0,"pink") ? ?0是開始巴刻，1是結束。
6.canvas文本：
1.strokeText（文字蛉签，x,y）文字邊框
2.fillText(文字胡陪，x，y) ?文字填充
3.左右對齊方式：textAlign="left,center,right"
4.上下對齊方式：textBaseLine="top,middle,bottom"
7.canvas插入圖片：
等圖片加載完在執(zhí)行canvas操作碍舍，所以在onlcoad中調(diào)用方法
先創(chuàng)建image（）圖像
語法1：huabi.drawImage(img,x,y)
語法2：huabi.drawImage(img,x,y,width,height)規(guī)定圖像的寬度和高度
語法3：huabi.drawImage(img,sx,sy,swidth,sheight,x,y,width,height)剪切圖像柠座，并定位被剪切的部分
