Comments (9)
Another alternative without the use of jQuery:
CSS resize: https://developer.mozilla.org/en-US/docs/Web/CSS/resize
HTML drag & drop: http://www.html5rocks.com/en/tutorials/dnd/basics/
from nomnoml.
The difficulty that arises is that I really like that the transparent textarea floats on top of the canvas. This causes some issues when scrolling both or just one of the canvas and/or textarea. Especially horizontally.
There is probably some nice solution out there. Probably looking into some kind of zoom/pan tool.
Up until then the #zoom: directive and export to image are our friends.
from nomnoml.
Maybe a partially solution in https://github.com/macino/nomnoml. I added some move handlers to the canvas so you can drag it wherever you want. Double click restores the original position. The position of the canvas is not affected by it.
Unfortunately, it works only in FF. Chrome has some difficulties handling the mouse event on canvas. Don't know why, but looking to it.
from nomnoml.
I try to keep compatibility with IE9, Firefox and Chrome.
from nomnoml.
I'll keep that in mind. I'll let you know when I solve that problem.
from nomnoml.
We now have a candidate solution to this issue.
Anyone who is interested can do some QA here: http://www.nomnoml.com/releasecandidate/ before I deploy it at root.
from nomnoml.
Too bad the image becomes fuzzy when becoming smaller (such thing does not happen with the SVG renderer.. #15 ;) )
from nomnoml.
@ctzurcanu do you mean the fuzziness when downloading an image?
from nomnoml.
@achudars that too, but in general the letters on canvas are less sharp than SVG letters of the same dims even when displaying.
from nomnoml.
Related Issues (20)
- New parser compile error when greater than or less than utilized HOT 3
- New parser gives "expected ] but got end of file" HOT 2
- Weird spacing on simple layout HOT 1
- any guess for when the new 1.6.0 version will get published? HOT 4
- Using <span> css in table definitions HOT 3
- Add 'doubled' shape style HOT 2
- following snippet does not work with the new parser but works with the old one HOT 4
- Is it possible modify the table contents. HOT 1
- missing <end>e label in homepage sample
- support drag-and-drop and custom positioning of individual items? HOT 1
- Labels overlapping
- PNG export resolution is low HOT 1
- Classifier Style Problem with <frame> Visual HOT 3
- Support Google Fonts usage HOT 1
- Delegation connector for component internals HOT 1
- What happened to the formal grammar? HOT 4
- Text search not working for larger nomnoml diagrams HOT 1
- Parse error at line 2 column 35, expected "label" but got "[" HOT 1
- Creating groups HOT 1
- nomnoml.com : Diagrams not rendering HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from nomnoml.