开发者社区> 问答> 正文

移动端 HTML5 CANVAS 兼容性问题

目前在做微信公众平台 ,使用到canvas绘制图片,在某些设备上出现偶尔无法绘制的问题。
目前测试出现在 oppo R8007 小米s1上,代码是最最简单的代码,比如绘制一行字,画矩形等,均出现间歇性的无法绘制的问题。
不知道是代码哪里没有做对,还是怎样?请教各位大神,有没有什么解决方案。

测试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>

展开
收起
云栖技术 2016-06-06 17:39:37 4512 0
2 条回答
写回答
取消 提交回答
  • 部分手机的确有bug,可以尝试canvas.style.opacity=0.999触发canvas绘图试试

    2019-07-17 19:29:08
    赞同 展开评论 打赏
  • 社区爱好者,专为云栖社区服务!

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

    2019-07-17 19:29:08
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
《零基础HTML入门教程》 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载