famingyuan 2015-05-20 05:07 采纳率: 0%
浏览 12402

移动端 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>



  • 写回答

8条回答

  • Go 旅城通票 2015-05-20 05:36
    关注

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

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

    评论

报告相同问题?

悬赏问题

  • ¥15 没有证书,nginx怎么反向代理到只能接受https的公网网站
  • ¥50 成都蓉城足球俱乐部小程序抢票
  • ¥15 yolov7训练自己的数据集
  • ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)(相关搜索:51单片机|单片机|测试代码)
  • ¥15 电力市场出清matlab yalmip kkt 双层优化问题
  • ¥30 ros小车路径规划实现不了,如何解决?(操作系统-ubuntu)
  • ¥20 matlab yalmip kkt 双层优化问题
  • ¥15 如何在3D高斯飞溅的渲染的场景中获得一个可控的旋转物体
  • ¥88 实在没有想法,需要个思路
  • ¥15 MATLAB报错输入参数太多