Directly you can’t create the link on the canvas but you can write a text and can detect the click on this text and then you can use the window.location property.
This article demonstrates how can we draw the grid lines on the HTML 5 canvas object. You can See the below demo in which you can reset the thickness and size of the grid lines from the drop down options.
Draw the Car and Move forward and backward with arrow keys
The canvas size and image size both are different things. The canavs is the DOM element in the HMML5 that allows drawing the 2D shapes and bitmap images. To draw the image on the canvas, it should be cheked that what the dimensions of the loaded image is, and if the original image’s height and … Continue reading Set size of an image in the HTML5 canvas
In HTML5 canvas’s 2D context support three methods that can draw pixel by pixel: createImageData, getImageData, and putImageData. With the help of these methods you can filtering the image on the canvas such as inversion of the image. The following code section will show you that how can you invert the image on canvas.
HTML5 canvas element has the ability to use the images. Firstly to load or draw the image on the canvas element we need to create the HTMLImageElement object and then use the drawImage() function. drawImage() function can accept several parameters.
The following code example shows the text fade in and fade out effect on the canvas in HTMl5.
You can create text marquee (i.e. scrolling text left to right and right to left on the canvas) and can create a text animation such as text rotation, text highlight etc. The article demonstrate the following text animations on the canvas. See the Demo. All example, displays the text “Welcome” in the various … Continue reading Text Animation in HTML5
The following code example demonstrates how to rotate and scale text on the canvas in HTML5.