Code Monkey home page Code Monkey logo

Comments (9)

hedleyroos avatar hedleyroos commented on June 15, 2024

Not solving your problem. but I'm using that exact version of Chrome on Linux and it works perfectly for me.

from maphilight.

amasen avatar amasen commented on June 15, 2024

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.

roobin avatar roobin commented on June 15, 2024

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.

kemayo avatar kemayo commented on June 15, 2024

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.

roobin avatar roobin commented on June 15, 2024

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.

kemayo avatar kemayo commented on June 15, 2024

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.

sadrem avatar sadrem commented on June 15, 2024

same here
chrome Version 32.0.1700.76 m

from maphilight.

markob17 avatar markob17 commented on June 15, 2024

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.

guilherme avatar guilherme commented on June 15, 2024

same here Chrome 32.0.1700.107 m (with the fix worked)

from maphilight.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.