How-to articles, tricks, and solutions about CANVAS

How to Add a Text on the HTML5 <canvas> Element

In this tutorial, you’ll find out how to add text on the HTML5 <canvas> element. For that, you need Javascript. Use the fillText() and strokeText() methods.

html javascript text HTML5 canvas

How to Calculate Text Width with JavaScript

Read this JavaScript tutorial and learn about the best method of calculating the text width. Read about the advantages of the method over other methods.

html javascript HTML5 number math canvas

How to Convert the Image into a Base64 String Using JavaScript

Read this tutorial and learn several methods of converting an image to a Base64 string using JavaScript. Choose the right approach for you and try examples.

javascript HTML5 file http converting canvas filereader blob