我目前就是这样处理的，但一旦中途旋转屏幕之后就不好处理了。

说到这里你或许知道我问这几个问题的原因了吧。

#19 @lincanbin :

回复#18 @ivanilla :

直接整页旋转90°就是个不错的方案了。

回复#20 @ivanilla :

可以监测页面宽高度啊。

回复#21 @lincanbin :

我说白了吧，就是搞个LL SIF的网页版，虽然目前已经有人做出来了。

回复#22 @ivanilla :

又一个轮子。

回复#21 @lincanbin :

我发现HTML5游戏引擎Phaser能实现强制屏幕方向，现在在学习这个引擎。

回复#23 @lincanbin :

他那个是反编译游戏Lua脚本然后用JS写出来的代码，不方便开源，我这个是根据开源SIF客户端写的。

回复#25 @ivanilla :

那不错啊。

回复#2 @lincanbin :

你这方法可行，我播放一个时长1s的空白视频(纯黑图片用ffmpeg转mp4)，屏幕一直亮着。因为我在上面放了背景图片，所以别人也看不到有视频，后面直接隐藏起来好了。

这下终于不需要超前的API了。

强制横屏我解决了，用transform-origin: 50vw 50vw;即可中心旋转canvas。

现在iOS的防止屏幕自动睡眠和锁屏事件检测还没有解决(iOS7就不行，其他版本不知道)

回复#27 @ivanilla :

你还真这么做了。

回复#29 @lincanbin :

因为暂时找不到更好的方法。

不过Phaser框架似乎能阻止屏幕自动睡眠，但他的强制横/竖屏我没测试成功，还是可以转的。

回复#30 @ivanilla :

能用就好。