-
實(shí)際例子，使用createRadialGradient(400,400,0,400,400,500);
繪制圓心為400,400 半徑為0 和圓心400，400 半徑為500的兩個(gè)圓。
查看全部 -
實(shí)際例子。
查看全部 -
實(shí)際例子中，addColorStop(0.0,"#fff"); addColorStop(1.0,"#000")
表示從0 到百分之100的兩個(gè)位置
查看全部 -
var?grd?=?context.createLinearGradient(xstart,ystart,xend,yend); grd.addColorStop(stop1,color1); grd.addColorStop(stop2,color2);
查看全部 -
createLinearGradient()創(chuàng)建線性漸變
查看全部 -
圖形變換小結(jié)
save();restore();translate(X,Y);rotate(deg);scale(sx,sy) transform(a,b,c,d,e,f); setTransform(a,b,c,d,e,f)
查看全部 -
設(shè)置變換矩陣
查看全部 -
setTransform(1,0,0,1,100,100);
由于transform()效果會(huì)疊加，所以當(dāng)我們疊加了多次之后不知道如何改變的時(shí)候?？梢允褂胹etTransform()來(lái)重置，讓之前的transform都失效
查看全部 -
transform();矩陣的使用
查看全部 -
變換矩陣的概念
查看全部 -
圖形變換三大方法
查看全部 -
改造函數(shù)? 將繪制路徑單獨(dú)抽出來(lái)作為一個(gè)函數(shù)
然后使用圖形變換的方法translate()? rotate(需要角度轉(zhuǎn)弧度)等方法
改變路徑的位置和形狀
再繪制顏色邊框等屬性
查看全部 -
保存canvas的狀態(tài)。避免被translate()這些函數(shù)影響
查看全部 -
運(yùn)用Math.random()隨機(jī)產(chǎn)生200個(gè)有差異的五角星
查看全部 -
context.fillStyle?=?"black"; context.fillRect(0,0,canvas.width,canvas.height);
繪制畫布的背景顏色
查看全部
舉報(bào)
0/150
提交
取消