อัปเดตสี่เหลี่ยมผืนผ้าผ้าใบ HTML5 บนโฮเวอร์

หากต้องการอัปเดตสี่เหลี่ยมผืนผ้าผ้าใบ HTML5 บนโฮเวอร์ ให้ลองเรียกใช้โค้ดต่อไปนี้:

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();
});