Apakah kesan sintesis kanvas?

Kesan sintesis kanvas termasuk sumber-atas, sumber-masuk, sumber-keluar, sumber-atas, destinasi-over, destinasi-masuk, destinasi-keluar, destinasi-atas, pemetik api, salin, dsb. Pengenalan terperinci: 1. Source-over, mod sintesis lalai, imej yang baru dilukis akan ditindih pada imej sedia ada; 2. Source-in, dsb. Komputer Dell G3.

Canvas ialah API lukisan dalam HTML5 Ia menyediakan fungsi lukisan yang kaya, termasuk lukisan grafik, pemprosesan imej dan kesan sintesis. Dalam Kanvas, kesan gubahan merujuk kepada menindih berbilang imej bersama-sama melalui mod gubahan yang berbeza semasa melukis imej, dengan itu menghasilkan kesan visual yang berbeza. Berikut akan memperkenalkan beberapa kesan sintesis Kanvas biasa.

1 Source-over: Ini ialah mod gubahan lalai, imej yang baru dilukis akan ditindih di atas imej sedia ada.

2. masuk sumber: Hanya bahagian bertindih imej yang baru dilukis dan imej sedia ada akan dikekalkan dan bahagian lain akan dibuat lutsinar.

3 keluar sumber: Hanya bahagian imej yang baru dilukis yang tidak bertindih dengan imej sedia ada akan dikekalkan dan bahagian lain akan dibuat lutsinar.

4. di atas sumber: Imej yang baru dilukis akan ditindih di atas imej sedia ada, tetapi hanya bahagian yang bertindih dengan imej sedia ada akan dikekalkan dan bahagian lain akan dibuat lutsinar.

5. Destinasi-over: Imej yang baru dilukis akan terletak di bawah imej sedia ada.

6 destinasi masuk: Hanya bahagian imej sedia ada yang bertindih dengan imej yang baru dilukis akan dikekalkan dan bahagian lain akan dibuat lutsinar.

7 destinasi-keluar: Hanya bahagian imej sedia ada yang tidak bertindih dengan imej yang baru dilukis akan dikekalkan dan bahagian lain akan dibuat lutsinar.

8 destinasi-atas: Imej sedia ada akan terletak di bawah imej yang baru dilukis, tetapi hanya bahagian yang bertindih dengan imej yang baru dilukis akan dikekalkan dan bahagian lain akan dibuat lutsinar.

9 Lighter: Warna imej yang baru dilukis dan imej sedia ada akan ditambah untuk menghasilkan warna yang lebih terang.

10 salinan: Imej yang baru dilukis akan menggantikan imej sedia ada sepenuhnya.

11 xor: Warna imej yang baru dilukis dan imej sedia ada akan di XOR untuk menghasilkan kesan khas.

Selain mod gubahan di atas, Canvas juga menyediakan beberapa operasi gubahan global, yang boleh ditetapkan melalui sifat globalCompositeOperation. Operasi gubahan global yang biasa termasuk:

1 darab: Imej yang baru dilukis didarab dengan warna imej sedia ada untuk menghasilkan warna yang lebih gelap.

2. Skrin: Imej yang baru dilukis digabungkan dengan warna imej sedia ada untuk menghasilkan warna yang lebih cerah.

3 tindanan: Laraskan warna imej yang baru dilukis berdasarkan kecerahan dan kontras imej sedia ada.

4 menggelapkan: Bandingkan warna imej yang baru dilukis dengan warna imej sedia ada, mengekalkan warna yang lebih gelap.

5 mencerahkan: Bandingkan warna imej yang baru dilukis dengan warna imej sedia ada, mengekalkan warna yang lebih terang.

Dengan menggunakan kesan gubahan ini, kami boleh mencapai pelbagai kesan visual yang menarik dalam Kanvas, seperti pengadunan imej, kesan ketelusan, kesan bayang, dsb. Dalam aplikasi praktikal, kita boleh memilih mod sintesis yang sesuai mengikut keperluan untuk mencapai kesan yang diingini. Pada masa yang sama, kami juga boleh mencipta kesan grafik yang lebih kompleks dan unik dengan menggabungkan berbilang imej dan kesan komposit.

Atas ialah kandungan terperinci Apakah kesan sintesis kanvas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!