Rumah >hujung hadapan web >Tutorial H5 >contoh pekerja html5 (2) kesan transformasi imej_html5 kemahiran tutorial
contoh pekerja html5 (2) kesan transformasi imej_html5 kemahiran tutorial
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBasal
- 2016-05-16 15:49:251524semak imbas
kod js pekerja img.js
onmessage = function(e) {
postMessage(filter(e.data))
};
function filter(imgd) {
var pix = imgd.pixels. data;
var xcord = imgd.x / 1000;
var ycord = imgd.y / 1000; ) {
var skala kelabu = pix[i] * xcord pix[i 1] * .59 pix[i 2] * .11;
pix[i] = // merah
pix[i 1] = skala kelabu; // hijau
pix[i 2] = skala kelabu; // biru
}
imgd['piksel'].data = pix
imgd;
kod html
Salin kod
Kod tersebut adalah seperti berikut:onmessage = function(e) {
postMessage(filter(e.data))
};
function filter(imgd) {
var pix = imgd.pixels. data;
var xcord = imgd.x / 1000;
var ycord = imgd.y / 1000; ) {
var skala kelabu = pix[i] * xcord pix[i 1] * .59 pix[i 2] * .11;
pix[i] = // merah
pix[i 1] = skala kelabu; // hijau
pix[i 2] = skala kelabu; // biru
}
imgd['piksel'].data = pix
imgd;
Salin kodKod adalah sebagai berikut:
meta http-equiv=" keywords" content="keyword1,keyword2,keyword3">
../image/psu [4].jpg" class="onHover"> //Nota, masukkan gambar di sini, jika tidak, ia tidak akan memberi kesan
../image/psu [4].jpg" class="onHover"> //Nota, masukkan gambar di sini, jika tidak, ia tidak akan memberi kesan