原代码

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 = []

01-07 21:40