国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Canvas基本知識

? ?context:context是一個封裝了很多繪圖功能的對象，獲取這個對象的方法是 var context?=canvas.getContext("2d");

????????也許這個2d勾起了大家的無限遐想，但是很遺憾的告訴你html5不提供3d服務(wù)。


??? canvas元素繪制圖像的時候有兩種方法，分別是

??????? context.fill()//填充

??????? context.stroke()//繪制邊框

???

??? style:在進行圖形繪制前，要設(shè)置好繪圖的樣式

??????? context.fillStyle//填充的樣式

??????? context.strokeStyle//邊框樣式

? ? ? ? context.lineWidth//圖形邊框?qū)挾?/strong>

???

??? 顏色的表示方式:

???????? 直接用顏色名稱:"red" "green" "blue"

???????? 十六進制顏色值: "#EEEEFF"

?????????rgb(1-255,1-255,1-255)

?????????rgba(1-255,1-255,1-255,透明度)

?和GDI是如此的相像，所以用過GDI的朋友應(yīng)該很快就能上手


繼續(xù)學習
||
<!DOCTYPE html> <html> <head>  <meta charset="utf-8">  <title>php中文網(wǎng)</title>  </head> <body> <canvas id="demoCanvas" width="500" height="500"> <p>請使用支持HTML5的瀏覽器查看本實例</p> </canvas> <!---下面將演示一種繪制矩形的demo---> <script type="text/javascript"> //第一步：獲取canvas元素 var canvasDom = document.getElementById("demoCanvas"); //第二步：獲取上下文 var context = canvasDom.getContext('2d'); //第三步：指定繪制線樣式、顏色 context.strokeStyle = "red"; //第四步：繪制矩形，只有線。內(nèi)容是空的 context.strokeRect(10, 10, 190, 100); //以下演示填充矩形。 context.fillStyle = "blue"; context.fillRect(110,110,100,100); </script> </body> </html>
提交重置代碼