More whiteboard tools (SVG)

josephernest / bigpicture.js

bigpicture.js is a Javascript library that allows infinite panning and infinite zooming in HTML pages.

https://josephernest.github.io/bigpicture.js/index.html

MIT License

809 stars 58 forks source link

More whiteboard tools (SVG) #10

Open MzHub opened 9 years ago

MzHub commented 9 years ago

The ability to draw freehand and preset shapes (SVG) would be good for whiteboard-like use cases.

Hotkeys for different tools. Also panning could then happen with middle or right click, or something like space + drag from photoshop.

MzHub commented 9 years ago

Path simplification will be needed for freehand drawing http://paperjs.org/examples/path-simplification/

josephernest commented 9 years ago

Nice ideas @MzHub . About mouse/keyboard shortcuts : I tried several other ways in the past (such as CTRL+drag for panning, or using another way) but finally I thought panning should be as simple and as natural as possible, i.e. only click + drag, so that any new user can understand how it works, even without reading the manual.

(Using other mouse buttons might be non-natural, as right click is mostly for displaying a dropdown menu).

So we have to think on how to implement these new features.

Lambo87 commented 8 years ago

How do you save?

josephernest commented 8 years ago

@Lambo87 it depends: if you just want a quick save feature, just serialize the whole data with localStorage, this can be done in less than 10 lines, I did it in the past but I removed it, because I wanted this repository to focus on the infinite zooming/panning display only.

If you want a more elaborated 'save' feature, you need user management, login/logout, etc. as I did for http://www.bigpicture.bi

What kind of 'save' are you interested in?

Lambo87 commented 8 years ago

I just wanted to save and view the saved content for personal use

josephernest commented 8 years ago

Yes, but the problem is that it's impossible to easily save data on filesystem with Javascript in a browser, for historical and security reasons. It's very annoying, but it's a well known thing in web.

So the only solutions if you want to have a "save" option are :

setting up a webserver+database like on http://bigpicture.bi
or add a DOWNLOAD button that will serialize the data and allow to download it as .html for example and save it to disk ; and also add a LOAD buton that will load a .html file

On Tue, Sep 8, 2015 at 8:51 PM, LAMBO3000 notifications@github.com wrote:

I just wanted to save and view the saved content for personal use

— Reply to this email directly or view it on GitHub https://github.com/josephernest/bigpicture.js/issues/10#issuecomment-138668007 .