Chartjs-Android WebView HTML5 canvas error

1👍

If you do not want problems caused by “position: fixed;” on element,
canvas parent element should not have css property “overflow” with value “hidden”.

So define something like “overflow: visible;” on parent element.

0👍

Try this:

// If Samsung android browser is detected
if (window.navigator && window.navigator.userAgent.indexOf('534.30') > 0) {

    // Tweak the canvas opacity, causing it to redraw
    $('canvas').css('opacity', '0.99');

    // Set the canvas opacity back to normal after 5ms
    setTimeout(function() {
        $('canvas').css('opacity', '1');
    }, 5);

}

0👍

I met this problem too. I solved it by using position:relative , left and -webkit-transform instead margin;. The problem was solved accidentally.

Leave a comment