目前在做微信公众平台 ,使用到canvas绘制图片,在某些设备上出现偶尔无法绘制的问题。
目前测试出现在 oppo R8007 小米s1上,代码是最最简单的代码,比如绘制一行字,画矩形等,均出现间歇性的无法绘制的问题。
不知道是代码哪里没有做对,还是怎样?请教各位大神,有没有什么解决方案。
<!DOCTYPE HTML>
<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可行的一个办法,每个浏览器的兼容性还是有很多区别的。
所有浏览器都这样吗?
为什么微信浏览器打开一片黑色