Objek terbina dalam HTML5 yang manakah digunakan untuk melukis pada kanvas

青灯夜游
Lepaskan: 2022-01-11 11:41:47
asal
2916 orang telah melayarinya

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)
Salin selepas log masuk

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 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 :

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

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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!