Comments (3)
Hi, chrjs.
Yes, the specification https://www.w3.org/TR/2011/WD-html5-20110525/the-map-element.html allows negative values of coords for html image maps.
from summer.
Thank you Vera. I see, quite surprising...
Since we don't have this requirement in our editor, we would like to have the movement blocked on the image edges. Is there any possibility to have this option implemented? How much it will cost?
Thanks.
from summer.
For the editor, negative coordinates is normal, but now I am making big refactoring of the editor.
I want to divide coords library (for drawing/editing/loading/saving/exporting areas) from the editor.
Then users will can simply create many editors on one page in their projects.
This option is possible,maybe, as parameter, something like this:
var editor = new Editor(url, containerEl, {
isMovableOutsideCanvas: true
});
But, i don't know, when it happens - I have not enough time.
You can add checking for negative coordinates in process of moving here:
https://github.com/summerstyle/summer/blob/master/summerHTMLImageMapCreator.js#L856
like this:
this.setCoords(Area.getMovingNormalizedCoords(this.edit('move', dx, dy))).redraw();
and for all types of areas static method for normalizing coords like this:
https://github.com/summerstyle/summer/blob/master/summerHTMLImageMapCreator.js#L1388
from summer.
Related Issues (20)
- reload previously drawn maps HOT 4
- Use App.js
- Can We Have To SVG Button HOT 2
- TODO for 1.0.0
- Rectangle resize does not fit edges properly HOT 1
- Helper attributes
- URL link from Google Drive
- close button
- problem with from html HOT 2
- No problem really
- Loading automatically from AJAX HOT 3
- Mobile version? HOT 1
- Edit mode - helpers
- Summer html Image map creator customization HOT 10
- Questions about licensing HOT 3
- Up arrow in edit mode not working HOT 1
- How to make drawn area into textbox css? HOT 6
- While in edit mode, how to select multiple area items and drag up/down? HOT 6
- image link not complete in HTML generation HOT 1
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 summer.