Rewrite 2

[MarkE16]

Description

NOTICE

Many tests are broken due to the complex changes in many features. I am aware. However, priority is focused on trying to release IdeaDrawn before the end of the year. I will come back to fixing the tests later.

---

This PR includes another rewrite of canvas logic. This PR includes a big change to how the canvas system works. Before, the some tools such as the move tool and zoom tools changed the canvas using CSS. Moving was fine, but zooming in caused the canvas contents to appear blurred. This was fixed by using the ctx.setTransform(...) API. Additionally, the <canvas> element takes up the entire space available. This became an issue for how drawing the "paper canvas" (the actual place to draw) would be done. This was simply done by keeping track of its position like before, using the ctx.setTransform(...) API to mimic panning and scaling, and drawing a paper canvas behind all the contents.

Another feature is to allow opening files and manipulating image elements.

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that causes changes to existing functionality, possibly impacting existing features)

Have you tested your changes?

• I wrote tests for the code I've written.