<span id="qrtap"></span>

<dd id="qrtap"><track id="qrtap"><video id="qrtap"></video></track></dd>
        <dd id="qrtap"></dd>

        <em id="qrtap"><strike id="qrtap"><p id="qrtap"></p></strike></em>
      1. <button id="qrtap"><acronym id="qrtap"></acronym></button>
        全國熱線:0536-8800925
        新聞動態

        初步了解什么是 Canvas

        HTML5 的 canvas 元素使用 javaScript 在網頁上繪制圖像。
        畫布是一個矩形區域,您可以控制其每一像素。
        canvas 擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法。
        不過,<canvas> 元素本身并沒有繪制能力(它僅僅是圖形的容器) - 您必須使用腳本來完成實際的繪圖任務。
        getContext() 方法可返回一個對象,該對象提供了用于在畫布上繪圖的方法和屬性。
         
        基本知識

            context:一直覺得這個翻譯成“上下文”真夠蛋疼的,context是一個封裝了很多繪圖功能的對象,獲取這個對象的方法是  
                var context =canvas.getContext("2d");
                也許這個2d勾起了大家的無限遐想,但是很遺憾的告訴你html5還只是個少女,不提供3d服務。
           
            canvas元素繪制圖像的時候有兩種方法,分別是
                context.fill()//填充
                context.stroke()//繪制邊框
           
            style:在進行圖形繪制前,要設置好繪圖的樣式
                context.fillStyle//填充的樣式
                context.strokeStyle//邊框樣式
           
            context.lineWidth//圖形邊框寬度
           
            顏色的表示方式:
                 直接用顏色名稱:"red" "green" "blue"
                 十六進制顏色值: "#EEEEFF"
                 rgb(1-255,1-255,1-255)
                 rgba(1-255,1-255,1-255,透明度)
         
             和GDI是如此的相像,所以用過GDI的朋友應該很快就能上手
         
        在線咨詢
        Tel

        0536-8800925

        關注我們微信

        国产精品露脸国语对白_国产精品制服一区二区_精品无码久久久久久国产软件_深夜视频免费