// context.fillStyle=color|gradient|pattern;
/*? 1、color:
參數(shù)(x,y,width,height)
x,y是左上角起始坐標(biāo)蝌蹂,后兩個參數(shù)為寬和高
*/
/*2噩凹、gradient
createLinearGradient()方法創(chuàng)建線性的漸變對象.
x0漸變開始點的x坐標(biāo),y0漸變開始點的y坐標(biāo)
x1漸變結(jié)束點的x坐標(biāo),y1漸變結(jié)束點的y坐標(biāo)
*/
/*
createRadialGradient()方法創(chuàng)建放射狀/圓形漸變對象。
x0漸變的開始圓的x坐標(biāo)
y0漸變的開始圓的y坐標(biāo)
r0開始圓的半徑
x1漸變的結(jié)束圓的x坐標(biāo)
y1漸變的結(jié)束圓的y坐標(biāo)
r1結(jié)束圓的半徑
*/
/*createPattern()方法在指定的方向內(nèi)重復(fù)指定的元素舵盈。
context.createPattern(image,"repeat|repeat-x|repeat-y|no-repeat");
image規(guī)定要使用的模式的圖片陋率、畫布或視頻元素球化。
repeat默認(rèn)。該模式在水平和垂直方向重復(fù)瓦糟。
repeat-x該模式只在水平方向重復(fù)筒愚。
repeat-y該模式只在垂直方向重復(fù)。
no-repeat該模式只顯示一次(不重復(fù))菩浙。
*/