Canvas-Txt: Text on HTML5 Canvas

A tiny, zero external dependency library that makes it easier to render multiline text on HTML5 Canvas

Read docs on Github

Canvas-txt uses the concept of textboxes borrowed from popular image editing softwares. You draw a rectangular box then place the text in the box. Turn on the debug mode(below) to see what is happening.

Pos X
Pos y
Width
Height



Last render took 5.599999997764826 milliseconds.
You will notice a delay after you change a control, this is because the render function is debounced.


Browser and Node.js Support

Works with all modern browsers and Node.js with node-canvas.

Star on Github