home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

อัปเดตสี่เหลี่ยม HTML5 Canvas เมื่อ hover

เพื่ออัปเดตสี่เหลี่ยม HTML5 Canvas เมื่อ hover ลองรันโค้ดต่อไปนี้:

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.rect(20,20,150,100);
context.stroke();
$(canvas).hover(function(e){
  context.fillStyle = blue;
  context.fill();
});