History

alex 3a736007e5 Add image annotator example (#3147 ) This diff mostly adds an image annotator example, but also has a couple of drive-by changes: - Added a 'use-cases' category to the examples app for this style of mini-app - Add `editor.pageToViewport`, which is like `editor.pageToScreen` but works with viewport coordinates (better for `InFrontOfTheCanvas` stuff) - Prevent the chrome side-swipe-to-go-back thing in the examples app Some cool features of the image annotator: - The image cannot be unlocked, and cannot have shapes places behind it - I still need to work out a way of removing the context menu though - Anything you place outside the bounds of the image (and therefore outside the bounds of the export) will be greyed out - You can't change pages - unless you find the "move to page" action... need to fix that - The camera is constrained! It'll keep the image roughly centered on the screen. If you pick a very long thin image, you can only scroll vertically. If you pick a very big one, it'll default it to a reasonable size. ### Change Type <!-- ❗ Please select a 'Scope' label ❗️ --> - [x] `sdk` — Changes the tldraw SDK - [x] `docs` — Changes to the documentation, examples, or templates. <!-- ❗ Please select a 'Type' label ❗️ --> - [x] `feature` — New feature		2024-03-19 11:41:25 +00:00
..
e2e	Add image annotator example (#3147 )	2024-03-19 11:41:25 +00:00
public	Add custom tool examples (#3064 )	2024-03-05 09:27:53 +00:00
src	Add image annotator example (#3147 )	2024-03-19 11:41:25 +00:00
.gitignore	feat: add new prop to force mobile mode layout (#1734 )	2023-11-11 14:11:59 +00:00
LICENSE.md	Change licenses to tldraw (#2167 )	2023-12-19 10:41:01 +00:00
package.json	Performance improvements (#2977 )	2024-03-11 13:17:31 +00:00
README.md	Fix trademark links (#2380 )	2023-12-26 09:22:04 +00:00
tsconfig.json	Check tsconfig "references" arrays (#2891 )	2024-02-21 13:07:53 +00:00
vercel.json	Restore vercel.jsons (#2650 )	2024-01-25 23:24:22 +00:00
vite.config.ts	Examples tweaks (#2681 )	2024-02-02 17:36:30 +00:00

README.md

@tldraw/example

Community

Have questions, comments or feedback? Join our discord or start a discussion.

Distributions

You can find tldraw on npm here.

Contribution

Please see our contributing guide. Found a bug? Please submit an issue.

License

The tldraw source code and its distributions are provided under the tldraw license. This license does not permit commercial use.

If you wish to use this project in commercial product, you need to purchase a commercial license. Please contact us at hello@tldraw.com for more inforion about obtaining a commercial license.

Trademarks

Contact

Find us on Twitter at @tldraw or email hello@tldraw.com. You can also join our discord for quick help and support.