canvas--改變顏色

代碼：

<canvas id="c1" width="400" height="400" style="background-color:red">
    </canvas>

    <script type="text/javascript">
        //獲取畫布元素
        var canvas=document.getElementById("c1");
        //繪制環境（我稱為“畫筆”）
        var cxt=canvas.getContext("2d");
        
        //改變填充的顏色
        cxt.fillStyle="#ffff00";
        //畫一個實體方塊---fillrect(x,y,w,h);
        cxt.fillRect(50,50,100,100);
        
        //改變邊框顏色
        cxt.strokeStyle="blue";
        //改變邊框寬度
        cxt.lineWidth=5;
        //畫出一個空心方塊---strokeRect(x,y,w,h);
        //cxt.strokeRect(200,200,100,100);
        cxt.strokeRect(200.5,200.5,100,100);
    </script>

【新知識點】：

　　1、fillStyle    //填充的顏色

　　2、strokeStyle   //邊框的顏色

　　3、lineWidth  //線寬度

【注意】：(不然將不會運行)

　　屬性，方法都用的駱駝命名法，首字母為小寫，第二個單詞首字母大寫；如userName。因為看上去像駝峰，因此而得名。