问题描述
- 移动端 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可行的一个办法，每个浏览器的兼容性还是有很多区别的。
解决方案七：
所有浏览器都这样吗？
时间： 2024-11-18 00:15:27