Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Objek terbina dalam HTML5 yang manakah digunakan untuk melukis pada kanvas

Objek terbina dalam HTML5 yang manakah digunakan untuk melukis pada kanvas

青灯夜游
青灯夜游asal
2022-01-11 11:41:472997semak imbas

Dalam HTML5, objek terbina dalam getContext() digunakan untuk melukis pada kanvas getContext() digunakan untuk mendapatkan konteks rendering dan fungsi lukisannya . Sintaksnya ialah: "Canvas.getContext(contextID)".

Objek terbina dalam HTML5 yang manakah digunakan untuk melukis pada kanvas

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Objek terbina dalam HTML5 yang manakah digunakan untuk melukis pada kanvas? ()

A.getContent

B.getContext

C.getGraphics

D.getCanvas

Jawapan betul: Kaedah B

getContext() digunakan untuk mendapatkan konteks pemaparan dan fungsi lukisannya, dan boleh mengembalikan persekitaran untuk melukis pada kanvas. Fungsi ini mengambil satu parameter, jenis context2d.

Sintaks

Canvas.getContext(contextID)

Parameter

  • Parameter contextID menentukan jenis lukisan yang anda mahu lukis pada kanvas. Pada masa ini, satu-satunya nilai undang-undang ialah "2d", yang menentukan lukisan 2D dan menyebabkan kaedah ini mengembalikan objek persekitaran yang mengeksport API lukisan 2D.

Petua: Pada masa hadapan, jika teg 5ba626b379994d53f7acf72a64f9b697 dilanjutkan untuk menyokong lukisan 3D, kaedah getContext() mungkin membenarkan menghantar hujah rentetan "3d".

Nilai pulangan

  • Objek CanvasRenderingContext2D, yang boleh digunakan untuk melukis ke dalam elemen Canvas.

Penerangan

  • Mengembalikan persekitaran yang mewakili jenis persekitaran yang digunakan untuk melukis. Tujuannya adalah untuk menyediakan persekitaran yang berbeza untuk jenis lukisan yang berbeza (2D, 3D). Pada masa ini, satu-satunya yang disokong ialah "2d", yang mengembalikan objek CanvasRenderingContext2D yang melaksanakan kebanyakan kaedah yang digunakan oleh kanvas.

Contoh: Berikut ialah kod untuk mendapatkan konteks yang diperlukan dan semak sama ada penyemak imbas anda menyokong elemen 8ab58adc990066a77669ddec9ae3f59b:

var canvas = document.getElementById("mycanvas");
if (canvas.getContext){
   var ctx = canvas.getContext('2d');
   //在这里绘制代码
   } else {
   //画布不支持的代码在这里
}

Cadangan berkaitan: 《video tutorial html

Atas ialah kandungan terperinci Objek terbina dalam HTML5 yang manakah digunakan untuk melukis pada kanvas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Apakah ciri-ciri html5Artikel seterusnya:Apakah ciri-ciri html5