masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > Tutorial H5 > Tutorial HTML5 untuk mencapai kesan kecerunan Photoshop_kemahiran tutorial HTML5

Tutorial HTML5 untuk mencapai kesan kecerunan Photoshop_kemahiran tutorial HTML5

WBOY
Lepaskan： 2016-05-16 15:48:37
asal
1848 orang telah melayarinya


Salin kod
Kod tersebut adalah seperti berikut:


garisan HTML5, bulatan, lukisan segi empat tepat
http://ajax.googleapis.com/ajax/libs/jquery/ 1.7. 1/jquery.min.js">>


$(dokumen).ready(function() {
var c=document.getElementById("drawbox");
var draw=c.getContext("2d"); //Dapatkan rujukan kepada kandungan 2d dan panggil API lukisan

//Tentukan blok kecerunan
var grd=draw.createLinearGradient(50,50,200,50); //Koordinat, panjang dan lebar
grd.addColorStop(0,"black"); titik Warna
grd.addColorStop(1,"hijau"); //Warna akhir

draw.fillStyle=grd; //Tetapkan sebagai gaya isian
draw.fillRect(50,50,200,50); //Isi segi empat tepat
})



;


Rendering:


Label berkaitan：
photoshop warna kecerunan
sumber：php.cn
Artikel sebelumnya：Bagaimana untuk menyelesaikan masalah aksara Cina yang kacau dalam HTML5 di bawah kemahiran tutorial IE10 dan Firefox_html5 Artikel seterusnya：HTML5 menggunakan kanvas untuk mencapai kesan nyalaan yang mengikuti kemahiran tutorial cursor_html5
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
Artikel terbaru oleh pengarang
Isu terkini
Penapis ungkapan biasa untuk kotak carian dan kotak semak tindanan MERN Saya cuba memahami cara tindanan MERN berfungsi bersama-sama dengan belajar dengan melakuk...
daripada 2024-04-06 14:53:12
0
1
425
Bolehkah fail PDF menjalankan HTML5 dan Javascript? Saya mempunyai idea bodoh untuk mencuba dan membuat program yang tidak akan disekat pada m...
daripada 2024-04-05 12:57:00
0
1
456
Isu pemasangan Prestashop: Tidak dapat memasang modul tersuai Saya baru dalam pembangunan modul Prestashop. Saya cuba membina modul prestashop pertama A...
daripada 2024-04-03 19:24:44
0
1
402
Tutorial PHP: Bagaimana untuk memuat naik teks dan imej ke Linkedin menggunakan PHP? Saya cuba memuat naik teks, imej dan pautan menggunakan LinkedinsRestAPI (https://learn.mi...
daripada 2024-04-03 18:42:29
0
1
420
Tidak dapat menerima maklumat daripada pangkalan data mySQL saya walaupun telah melihat tutorial melakukan perkara yang sama Jadi saya cuba membuat program yang membaca dan menulis ke pangkalan data MySQL, yang memb...
daripada 2024-04-03 14:46:04
0
1
298
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan