Board: Zooming stage relative to pointer position/center

[kanarelo]

Currently as it is, the app developer is in-charge of the zooming functionality. Without the snap to grid/shape functionality, using the keyboard becomes the only option, while keeping track of the x and y variables.

I am not sure if we have a keyboard shortcut map, but that can also be added later.

As seen in this Konva.js demo.

In this functionality, we want the area around the canvas to be part of the <canvas/>, instead of the current <div>.

• the current shape/board, or background image/overlay should lose focus/selection when i click outside the stage.
• We can have a minimum/maximum zooming threshold.
• We only support one stage/board at the moment, and its always the center of focus.
• We add zooming functionality and a way of accessing the current zooming states
• We add "Zoom To" functionality (Actual Size, Fit Canvas)

We can break down this to smaller issues, if we get to that point, or if this feature is within Pikaso's focus.

If we can have this feature, it would be easy to create a feature such as:

• Zooming and Panning, which will add more functionality like Zoom to Selection, and Zoom to Stage/Board.