canvas实现小星星，在iphone8上不显示

最新推荐文章于 2021-06-23 01:18:02 发布

weixin_34414650

最新推荐文章于 2021-06-23 01:18:02 发布

阅读量362

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/3608045/blog/2998450

版权

2019独角兽企业重金招聘Python工程师标准>>>

原代码

var WINDOW_WIDTH = window.outerWidth;
var WINDOW_HEIGHT = window.outerHeight;

var canvas1,canvas2,canvas3,context1,context2,context3;
var num = 200;
var stars = [];
var mouseX = WINDOW_WIDTH/2;
var mouseY = WINDOW_HEIGHT/2;
var rnd;
var contentArr = []

原因： var WINDOW_WIDTH = window.outerWidth;这个需要换成固定的数字

我们找到原因了，是iphone8动态设置canvas的宽高的时候有问题，如果不在一开始设置canvas的宽高，后面setDate进去的没有效果。我们给了canvas设置了宽高的默认值就解决了。但是其他手机没有这个问题。如下：


var WINDOW_WIDTH = 1000;
var WINDOW_HEIGHT = 1000;

var canvas1,canvas2,canvas3,context1,context2,context3;
var num = 200;
var stars = [];
var mouseX = WINDOW_WIDTH/2;
var mouseY = WINDOW_HEIGHT/2;
var rnd;
var contentArr = []

转载于:https://my.oschina.net/u/3608045/blog/2998450