<strong>kod js pekerja img.js</strong> <br><br><div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode6'));"><u>Salin kod</u></span></div>Kod tersebut adalah seperti berikut:</div> <div class="msgborder" id="phpcode6"> <br>onmessage = function(e) { <br>postMessage(filter(e.data)) <br>}; <br>function filter(imgd) { <br>var pix = imgd.pixels. data; <br>var xcord = imgd.x / 1000; <br>var ycord = imgd.y / 1000; ) { <br>var skala kelabu = pix[i] * xcord pix[i 1] * .59 pix[i 2] * .11; <br>pix[i] = // merah <br>pix[i 1] = skala kelabu; // hijau <br>pix[i 2] = skala kelabu; // biru <br>} <br>imgd['piksel'].data = pix <br>imgd; <br> <br><br> </div>kod html<br> <strong></strong><br><br><div class="msgheader"> <div class="right">Salin kod<span style="CURSOR: pointer" onclick="copycode(getid('phpcode7'));"><u></u>Kod adalah sebagai berikut:</span> </div> </div><!DOCTYPE html><html> <div class="msgborder" id="phpcode7"><head> meta http-equiv=" keywords" content="keyword1,keyword2,keyword3"> <br><meta http-equiv="description" content="this is my page"<meta http- equiv="content-type " content="text/html; charset=UTF-8"> <br><!--<link rel="stylesheet" type="text/css" href="./ styles.css"> --> <br><script type="text/javascript" src="../js/jquery-1.8.0.min.js"></script> <br></kepala> <br><badan> <br><canvas id="myCanvas" width="640" height="480"></canvas> ../image/psu [4].jpg" class="onHover"> //Nota, masukkan gambar di sini, jika tidak, ia tidak akan memberi kesan<br><script type="text/javascript"> <br>proses fungsi( img,x,y){ <br>var canvas = document.getElementById("myCanvas"); , 0, 0) ; <br>var pixels = context.getImageData(0,0,img.width,img.height); = { <br> piksel: piksel, <br>x:x, <br>y:y <br>} <br>worker.postMessage(obj); <br>worker.onmessage = function(e) { <br>if (jenis e .data === "rentetan") { <br>console.log("Pekerja: " e.data); <br>} <br>var new_pixels = e.data. pixels; // Piksel daripada pekerja <br>context.putImageData(new_pixels, 0, 0); 🎜></ skrip> <br><script type="text/javascript"> <br>$(function(){ <br>$(".onHover").on("mouseover", function( ){ <br> var x =this.width; <br>var y = this.height; <br>console.log("X: " x " Y: " y); y); <br>}); <br>}) <br></skrip> <br></body> contoh di atas, Anda perlu memperkenalkan pakej jquery sendiri, dan meletakkan imej yang anda ingin ubah pada tag img pada halaman html. Kemudian gunakannya ke pelayan, buka halaman, dan apabila tetikus bergerak ke atas gambar, transformasi akan berlaku Fungsi yang melaksanakan fungsi transformasi di sini bertanggungjawab untuk pekerja, yang tidak menjejaskan kecekapan halaman itu sendiri. serupa dengan multi-threading dalam bahasa Java.</div>