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

Canvas基本知識(shí)

? ?context:context是封裝了許多繪圖功能的對(duì)象，取得這個(gè)對(duì)象的方法是var context?=canvas.getContext("2d");

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


??? canvas元素繪製影像的時(shí)候有兩種方法，分別是

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

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

???

??? style:在進(jìn)行圖形繪製前，請(qǐng)?jiān)O(shè)定繪圖的樣式

#??????? context.fillStyle//填入的樣式

??????? context.strokeStyle//邊框樣式?#/1#o?寬度

???

??? 顏色的表示方式:

???????? 直接使用色彩名稱:"red" "green" "blue制顏色值: "#EEEEFF"

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

???????

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

繼續(xù)學(xué)習(xí)
||
<!DOCTYPE html> <html> <head>  <meta charset="utf-8">  <title>php中文網(wǎng)</title>  </head> <body> <canvas id="demoCanvas" width="500" height="500"> <p>請(qǐng)使用支持HTML5的瀏覽器查看本實(shí)例</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>
提交重置程式碼