原代码canvas
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;这个须要换成固定的数字iphone
咱们找到缘由了,是iphone8动态设置canvas的宽高的时候有问题,若是不在一开始设置canvas的宽高,后面setDate进去的没有效果。咱们给了canvas设置了宽高的默认值就解决了。可是其余手机没有这个问题。 以下:code
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 = []