Comments (9)
Not solving your problem. but I'm using that exact version of Chrome on Linux and it works perfectly for me.
from maphilight.
I too am encountering this issue. Worked in previous versions, but suddenly on page load/reload it no longer displays all the canvas elements.
To add a bit more detail, the plugin is drawing the canvas element, but it is zeroing the height/width of the div the wraps it.
My workaround was to enable wrapClass, add a class to the image, and then create a CSS class with a width/height with an !important on it.
from maphilight.
I have the same issue with chrome 32 on windows. For me it was the animation of the opacity that was broken. Look in the "add_shape_to" function. Replace the options.fade check with the following to make it work:
if (options.fade && !window.skipAnimateOpacity) {
$(canvas).css('opacity', 0).animate({ opacity: 1 }, 100);
if ($(canvas).css('opacity') == 0)
{
$(canvas).css('opacity', 1);
window.skipAnimateOpacity = true;
}
}
from maphilight.
So, I see this, and I agree it's something to do with the opacity... but I'm not sure what the fix is right now. It looks very much like touching the opacity stops the canvas element from redrawing itself -- I was able to reproduce some related issues by manually touching opacity and then observing it not changing until I actually scrolled the page.
from maphilight.
The issue I had was the animation of the opacity. If I skipped the animation it worked. My solution above was just to check if the animation had set the opacity to 1.
from maphilight.
Sure, but I don't feel that's the right solution. It'd be an okay quick-fix, but I'd like to have an idea of what the proper fix that'll leave everything working again is.
from maphilight.
same here
chrome Version 32.0.1700.76 m
from maphilight.
roobin, thank you for providing that fix. Seems to now work properly in Chrome after applying your fix. All other browsers continue to work as usual. Chrome is getting more and more buggy and bloaty every day. Not sure what I'd do without people like you. Thanks
from maphilight.
same here Chrome 32.0.1700.107 m (with the fix worked)
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.