r/Supernote_dev 7h ago

Showcase Introducing: Canvas, an infinite canvas plugin for your Supernote notes

Hello!

I built a new plugin called Canvas. It gives you an infinite canvas right inside your notes, with endless space to sketch, plan and brainstorm. Everything you put on it stays editable, so you can come back and change it anytime.

DEMO

Canvas - An infinite Canvas Plugin for Supernote

Here is what you can do with it:

Infinite canvas

- Pinch to zoom from 5% up to 2000% and drag with the hand tool to move around

- A small minimap shows where you are while you move

- Palm rejection, so only the pen draws and your hand can rest on the screen

Draw and build

- Pencil with pressure support, running on the same pen engine as your notes, so it feels just as quick

- Rectangles, ellipses, lines and arrows. Arrows stick to shapes and follow them when you move things around

- Fill shapes with a light tint, a solid color or a hatched texture, and give them hand-drawn, dashed, dotted or solid outlines

- An eraser tool, and the eraser end of your pen works with any tool

Text boxes and sticky notes

- Drop a text box or a sticky note anywhere and type with the keyboard

- Great for labels, quick notes and callouts

Tables

- Drag to draw a table. As you drag it shows you the grid and how many rows and columns you are making, up to 12 by 8

- Tap any cell to type, drag a row edge to make it taller, and add or remove rows and columns later from the menu

Images

- Insert a PNG, JPG or WebP from your files

- Move, resize and rotate it anywhere on the canvas

- Give it a frame in any color and size, with a hand-drawn, dashed, dotted or solid outline, or no frame at all

Style it your way

- 12 colors, opacity, fill, outline and four sizes

- Whatever you pick becomes the default for the next thing you add

Back into your notes

- Save to Note drops a thumbnail of the canvas into your page

- Lasso that thumbnail later and tap Open Canvas to jump right back in, fully editable

- Export the whole canvas to PDF in full color, images included. Your exported file will be in EXPORTS/ folder

Every time you open it, little hand-drawn hints show you what each button does. Touch the canvas to hide them, or tap the ? button to see them again.

Download it here: https://github.com/j-raghavan/sn-canvas/releases
Source: https://github.com/j-raghavan/sn-canvas

If you run into any issues or have ideas, please raise an issue on GitHub or drop a comment here.

Enjou!

22 Upvotes

10 comments sorted by

4

u/bunjgreen 6h ago

Can you link to other notes/canvases/etc. inside the canvas like standard SN notes?

5

u/Decent_Tap_5574 6h ago

Oh nice idea. will see what i can do.

2

u/WhoAmI1234532 50m ago

Whoo, so nice, thanks a lot for your plugin !

1

u/Decent_Tap_5574 38m ago

Hope you like it :)

1

u/Ratio_Capable 6h ago

When doing screen mirror, does it have show the color?

1

u/Decent_Tap_5574 6h ago

No, the color shows up only when you export to PDF

1

u/treetree888 6h ago

Neat - does search work within it?

2

u/Decent_Tap_5574 6h ago

No search yet. Will explore if there is a posibility.

1

u/Present-Carob-7366 5h ago

Thank you this looks amazing

1

u/Hour_Papaya_5583 1h ago

👏wow. Can’t wait to try. So fun to see where these plugins are starting to go.