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