Introducing vwRtx

vwRtx is a rich text control for display and editing of mixed font text for the HTML5 canvas.

In the live demo below you can see a text box inside a Konva transformer. You can click on and edit the text in the text shape. You can select all of the text with ctrl-a, or just a few words with a click-drag, delete it with the backspace key, type some new text, and undo the changes with ctrl-z. You can type until the line is full and watch it wrap, or press enter and watch it extend. You can make the text bigger or smaller by dragging the corner handles, and you can rotate it with the spin-handle.

This is the vwRtx component, a rich text display and editing component for the HTML5 canvas.

TIP

We've deliberately fixed the font name and size in this demo - we're keeping it simple to avoid blowing your socks off.