html5 tutorial

Canvas Examples – Add Text | Add Image | Resize Image | Change Canvas Color

How to add text to Canvas? For add text we can do that using fillText(‘text’, x, y) or strokeText(“text”, x, y) method. The text is rendered using the current stroke or fill style, which can be a color, gradient, or pattern. You can specify a number of text settings, such as the font family, size, …

Canvas Examples – Add Text | Add Image | Resize Image | Change Canvas Color Read More »

Canvas Examples – Draw Line | Rectangle | Circle | Undo

What is Canvas? Canvas is an HTML5 element which can be used to draw graphics using scripting (usually JavaScript). We’ll need to place the canvas tag somewhere inside the HTML document, access the canvas tag with JavaScript, create a context, and then utilize the HTML5 Canvas API to draw visualizations. Canvas has several methods for …

Canvas Examples – Draw Line | Rectangle | Circle | Undo Read More »