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

Pengetahuan asas kanvas

konteks: konteks ialah objek yang merangkumi banyak fungsi lukisan Kaedah untuk mendapatkan objek ini ialah var context =canvas.getContext("2d");

Mungkin 2d ini telah membangkitkan imaginasi semua orang, tetapi saya dukacita untuk memberitahu anda bahawa HTML5 tidak menyediakan perkhidmatan 3D.


Terdapat dua kaedah untuk melukis imej dengan elemen kanvas, iaitu

context.fill()//Fill

context.stroke()//Lukis sempadan

Gaya

: Sebelum melukis grafik, tetapkan gaya lukisan

context.fillStyle//Filled style

context.strokeStyle//Border style

context.lineWidth//Graphic border Width

Perwakilan warna:

Gunakan terus nama warna: "merah" "hijau" "biru"

Nilai warna tersuai Heksadesimal: "#EEEEFF"

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

rgba(1-255,1-255,1-255, ketelusan)

Ia adalah sangat serupa dengan GDI, jadi rakan-rakan yang telah menggunakan GDI sepatutnya boleh bermula dengan cepat


Meneruskan pembelajaran
||
<!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'); //第三步：指定繪制線(xiàn)樣式、顏色 context.strokeStyle = "red"; //第四步：繪制矩形，只有線(xiàn)。內(nèi)容是空的 context.strokeRect(10, 10, 190, 100); //以下演示填充矩形。 context.fillStyle = "blue"; context.fillRect(110,110,100,100); </script> </body> </html>