Comments (2)
Actually, I fixed this issue localy, by adding the backgroundSize style in the block below:
wrap = $('<div></div>').css({
display:'block',
background:'url("'+this.src+'")',
backgroundSize:'100%',
position:'relative',
padding:0,
width:this.width,
height:this.height
});
This fixed the background stuff and is working well, except for the <canvas>
, that still has the original image size, breaking all my layout. This resized image problem seems important, to me. Automatic mapping points recalculation would be a really nice feature too. (I'm doing it by myself, currently. Let me know if you need my code)
from maphilight.
I'm having a similar enough issue that I don't think it's necessary to open a new issue. In my own project that I'm using maphilight in, I need the image to be resized every now and then, and this doesn't seem to play well with maphilight. I haven't yet taken the time to go all the way through the maphilight code, so I'll post a solution for the problem once I come up with one, if tavlima doesn't have a solution.
from maphilight.
Related Issues (20)
- maphilight not properly working after zoom in or out
- images not printing
- Cant hide images after applying maphilight
- Backgound color on non hover areas
- Highlights not working in Chrome
- Use image instead of color
- bidirectorial mouseover
- Finding Id Dynamically to keep any area selected HOT 1
- Trying to install and use through NPM and Webpack
- Width and height of the image map is getting changed with the 1st image map when opening the second image map
- Canvas and div generated are not responsive HOT 1
- Bug in safari
- Errors when shape attribute is omitted
- error anonymous define HOT 1
- Looping through map areas before initiating maphilight changes result HOT 2
- highlights only working when clicked HOT 1
- jQuery Migrate plugin warnings
- MapHilight v1.4.0 broken on Firefox when using SVG image (naturalWidth === 0) HOT 1
- Dynamic width and weight breaking on image HOT 1
- API Docs endpoint is offline 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 maphilight.