Apakah jenis grafik kanvas yang biasanya dibahagikan kepada

百草
Lepaskan: 2023-08-22 11:33:20
asal
1675 orang telah melayarinya

Grafik kanvas biasanya dibahagikan kepada jenis seperti segi empat tepat, bulatan, laluan, poligon, lengkok, teks, imej, kecerunan, bayang-bayang dan komposisi imej. Pengenalan terperinci: 1. Segi empat tepat ialah salah satu bentuk paling asas dalam grafik Kanvas Anda boleh melukis segi empat tepat dengan menentukan koordinat titik permulaan, lebar dan tinggi segi empat tepat 2. Untuk melukis bulatan, anda perlu menentukan pusat koordinat dan jejari. Kanvas menyediakan kaedah "arka ()" untuk melukis bulatan Dengan menetapkan sudut permulaan dan sudut penamat, anda boleh melukis bulatan separa atau lengkok;

Apakah jenis grafik kanvas yang biasanya dibahagikan kepada

Sistem pengendalian tutorial ini: sistem Windows 10, komputer Dell G3.

Grafik kanvas biasanya dibahagikan kepada jenis berikut:

Segi empat tepat (Segi empat tepat): Segi empat tepat ialah salah satu bentuk paling asas dalam grafik Kanvas. Segi empat tepat boleh dilukis dengan menyatakan koordinat titik permulaan, lebar dan tinggi segi empat tepat. Kanvas menyediakan beberapa kaedah untuk melukis segi empat tepat, termasuk fillRect() dan strokeRect().

Bulatan: Untuk melukis bulatan, anda perlu menentukan koordinat pusat dan jejari. Kanvas menyediakan kaedah lengkok() untuk melukis bulatan Dengan menetapkan sudut permulaan dan sudut penamat, anda boleh melukis bulatan separa atau lengkok.

Laluan: Laluan ialah grafik yang terdiri daripada satu siri segmen garis lurus atau segmen melengkung. Anda boleh menggunakan kaedah moveTo() untuk mengalihkan kedudukan lukisan ke titik yang ditentukan, dan kemudian gunakan lineTo(), arcTo() dan kaedah lain untuk melukis laluan. Laluan boleh ditutup untuk membentuk bentuk tertutup, atau ia tidak boleh ditutup untuk membentuk bentuk terbuka.

Polygon: Poligon ialah angka tertutup yang terdiri daripada berbilang segmen garis lurus. Kanvas menyediakan kaedah lineTo() untuk melukis poligon Poligon pelbagai bentuk boleh dilukis dengan menyambungkan berbilang titik.

Lengkung: Lengkok ialah grafik yang terdiri daripada segmen lengkung. Kanvas menyediakan kaedah kuadratikCurveTo() dan bezierCurveTo() untuk melukis lengkung Bezier kuadratik dan kubik. Lengkung ini boleh digunakan untuk melukis lengkung licin, lengkok dan kesan lain.

Teks: Kanvas boleh melukis kandungan teks. Anda boleh menggunakan kaedah fillText() dan strokeText() untuk melukis teks tertentu pada Kanvas. Anda boleh menetapkan gaya fon, saiz, warna dan atribut lain untuk mengawal kesan paparan teks.

Imej: Kanvas boleh melukis imej. Anda boleh menggunakan kaedah drawImage() untuk melukis imej yang ditentukan pada Kanvas. Imej boleh datang daripada elemen img, elemen kanvas, elemen video atau elemen imej lain.

Kecerunan: Kanvas menyediakan dua kaedah: kecerunan linear dan kecerunan jejarian. Anda boleh menggunakan kaedah createLinearGradient() dan createRadialGradient() untuk mencipta objek kecerunan, kemudian tetapkan warna dan kedudukan kecerunan melalui kaedah addColorStop() dan akhirnya menggunakan sifat fillStyle atau strokeStyle untuk menggunakan kecerunan pada grafik.

Bayang-bayang: Kanvas boleh menambah kesan bayang-bayang pada grafik. Anda boleh menggunakan sifat shadowColor, shadowBlur dan shadowOffset untuk menetapkan warna, kabur dan mengimbangi bayang-bayang.

Sintesis imej (Operasi Komposit): Kanvas menyediakan pelbagai mod sintesis imej, yang boleh mencapai kesan berbeza dengan menetapkan atribut globalCompositeOperation, seperti tindanan, persilangan, pengecualian, dsb. imej sumber dan imej sasaran.

Di atas adalah beberapa jenis grafik Kanvas yang biasa Pengaturcara boleh memilih jenis yang sesuai mengikut keperluan khusus untuk melukis kesan grafik yang diperlukan. Kanvas menyediakan pelbagai kaedah lukisan dan sifat, yang boleh mencapai pelbagai kesan grafik dan animasi yang kompleks.

Atas ialah kandungan terperinci Apakah jenis grafik kanvas yang biasanya dibahagikan kepada. 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