移动端 HTML5 CANVAS 兼容性问题

目前在做微信公众平台 ,使用到canvas绘制图片,在某些设备上出现偶尔无法绘制的问题。
目前测试出现在 oppo R8007 小米s1上,代码是最最简单的代码,比如绘制一行字,画矩形等,均出现间歇性的无法绘制的问题。

不知道是代码哪里没有做对,还是怎样?请教各位大神,有没有什么解决方案。
<!DOCTYPE HTML>


测试canvas

 <canvas id="myCanvas" ></canvas>
 <script type="text/javascript">
 function draw () {
    var canvas = document.getElementById('myCanvas'); 

    canvas.width = 640;
    canvas.height = 600;

    var context = canvas.getContext("2d");

    context.fillStyle = "red";
    context.fillRect(0, 0, 640, 300);


 };
 draw();
 </script>



draw();
改为
window.onload=draw
试试。。

你的页面是在微信打开还是用手机的浏览器?

代码贴上去 有点问题。 我截图下。
图片说明

是在微信中打开的,不过使用手机上自带的默认浏览器也是这样子的效果。也试过在onload中,不过我的代码,肯定不是onload的问题

测试红米,oppo都存在这个问题,但是苹果那些都没有问题,代码很简单,没有多余的东西,间歇性的出现。。。怀疑是不是系统浏览器内核的问题。。。。
PC上所有浏览器都没有这个问题。

某些设备的浏览器支持html5吗

当前对html5最支持的浏览器是open。

这个还是比较简单,改为window.onload=draw可行的一个办法,每个浏览器的兼容性还是有很多区别的。

所有浏览器都这样吗?

为什么微信浏览器打开一片黑色