Implement a canvas renderer

A work in progress is already well under way. The performance benefits seem to far outweigh anything that can be accomplished in the DOM.

The main drawbacks of using canvas over the DOM:

• We lose functionality provided by text and node in the DOM, namely:
  • Selection & context menus, this doesn’t matter as we already reimplemented them to work around then DOM getting in the way
  • Links just work in the DOM; create an <a> and just put it somewhere. This needs more handling code to work in a canvas.
• Zooming in will blur the text, so it’s best used at 100% page scale

I’ll list most of the improvements and bug fixes that canvas provided in the PR which should be out soon 😄

Marking as breaking as we need new API around colors and font styles which will be managed in TS.

[mofux]

♥️♥️♥️♥️

[Tyriar]

@jerch that’s how it was, and yeah it was a lot faster. The reason it switched back is because characters need to overlap in order for parts of characters not to be cut off. I plan on getting to minimizing draws eventually.

@odrzutowiec that does seem a bit slow, what browser/version/os are you on? Let’s create a separate issue to discuss. Also only ascii is optimized currently, there’s a lot of opportunity to speed up for non-ascii characters.