• <li id="u20bt"></li>

    <rp id="u20bt"></rp>
    全國熱線(xiàn):0536-8800925
    新聞動(dòng)態(tài)

    初步了解什么是 Canvas

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

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

    0536-8800925

    關(guān)注我們微信

    亚洲春色在线视频_97久久综合精品久久久综合_国产精品国产三级国产a_亚洲精品欧美日本中文字幕