https://github.com/simonbs/infinitecanvas

🖌 Infinite canvas using PencilKit
https://github.com/simonbs/infinitecanvas

canvas drawing ios

Last synced: 2 months ago
JSON representation

🖌 Infinite canvas using PencilKit

• Host: GitHub
• URL: https://github.com/simonbs/infinitecanvas
• Owner: simonbs
• License: mit
• Created: 2020-07-24T05:48:34.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-02-25T07:32:48.000Z (almost 4 years ago)
• Last Synced: 2024-10-04T11:32:26.600Z (3 months ago)
• Topics: canvas, drawing, ios
• Language: Swift
• Homepage:
• Size: 263 KB
• Stars: 84
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Infinite Canvas

This example project shows how to create an "infinite" canvas using PencilKit. It's not really infinite but it's a canvas so huge that users will most likely regard it infinite.



The approach is the following:

1. Create a very huge canvas. I'm using 1000000 x 1000000.

2. Place the user in the middle of the canvas.

3. Help the user navigate the very large canvas. I'm using arrows on the edges of the screen to show where the user can scroll to see more of the drawing. You could also use a minimap to achieve the same goal.

When doing state restoration, you don't want to place the user in the middle of the canvas. Instead you should place the user in the middle of their drawing.

I use the [strokes property of a PKDrawing](https://developer.apple.com/documentation/pencilkit/pkdrawing/3595078-strokes) to calculate the frame of a drawing in the canvas. This is needed to show the arrows that help the user navigate the canvas.

## Licenses

All source code is licensed under the [MIT License](https://github.com/simonbs/InfiniteCanvas/blob/main/LICENSE).