canvas （畫布）

標籤：

canvas （畫布）

1、預設尺寸300*150

2、getcontext（“2d”）擷取筆

--->var ctx = myEle.getContext("2d");

3、rect(x， y， 寬， 高，)

--->ctx.rect(250, 200, 300,300);
    ctx.shadowBlur=100;
    ctx.shadowColor="greenyellow";
    ctx.fillStyle="red";
    ctx.fill();

4、fill 填充

--->ctx.rect(250, 200, 300,300);
    ctx.shadowBlur=100;
    ctx.shadowColor="greenyellow";
    ctx.fillStyle="red";
    ctx.fill();

5、stoke 畫邊

--->ctx.strokeStyle="yellow";
    ctx.stroke();

6、
--->每次畫都要用beginpath清空

--->closepath回到起點

7、save和restore

--->save 儲存目前狀態

--->restore  回到上一個save狀態

canvas （畫布）