Update HTML5 canvas rectangle on hover

To update HTML5 canvas rectangle on hover, try to run the following code:

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

Daniol Thomas

Published on 11-Apr-2018 07:17:14

• Related Questions & Answers
• How to draw a rectangle on HTML5 Canvas?
• HTML5 Canvas Font Size Based on Canvas Size
• addEventListener for keydown on HTML5 Canvas
• How to draw a rounded Rectangle on HTML Canvas?
• World Map on HTML5 Canvas or SVG
• Play video on canvas and preserve the last frame/image on HTML5 Canvas
• How to detect point on canvas after canvas rotation in HTML5
• Drawing an SVG file on an HTML5 canvas
• Enhance real-time performance on HTML5 canvas effects
• Measure text height on an HTML5 canvas element
• Is HTML5 canvas and image on polygon possible?
• How to draw large font on HTML5 Canvas?
• Translating HTML5 canvas
• HTML5 Canvas distorted
• HTML5 Canvas Transformation