1.canvas畫布躲惰，是一個(gè)標(biāo)簽戏羽。
2.畫矩形：1> 空心 stroke
2>實(shí)心 fill
strokeRect() 繪制空心矩形 默認(rèn)為黑色
語法 context.strokeRect(x,y,width,height)
3.畫線：
context.moveTo(x,y) 線條開始坐標(biāo)
context.lineTo(x,y) 線條結(jié)束坐標(biāo)
beginPath():開始一條路徑
colsePath():關(guān)閉一條路徑
4.畫圓：
context.arc()
語法：context.arc(x，y菇存，r嚎卫，起始角，結(jié)束角碍讨，順逆時(shí)針)
counterclockwise="true"
false—順時(shí)針
true—逆時(shí)針
默認(rèn)為順時(shí)針
5.漸變：
線性漸變：createLinearGradient(x1,y1,x2,y2) 第一組參數(shù)是起始坐標(biāo)；
第二組參數(shù)是結(jié)束坐標(biāo)蒙秒。
放射性漸變：createRadialGradient(x1,y1,r1,x2,y2,r2)
添加漸變點(diǎn)：addcolorStop(位置勃黍，顏色)
例：addcolorStop(0,"pink") 0是開始，1是結(jié)束晕讲。
6.canvas文本：
1.strokeText（文字覆获，x,y）文字邊框
2.fillText(文字榜田，x，y) 文字填充
3.左右對(duì)齊方式：textAlign="left,center,right"
4.上下對(duì)齊方式：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)剪切圖像箭券，并定位被剪切的部分
