很久不见啊
最近mini6的果冻屏听说了吧
 很不幸啊 我也是到手一眼看出果冻屏效应
很不习惯 感觉果冻效应出来的时候 我整个人都跟着扭曲了一下
但是打游戏没什么影响 包括大幅度转视角的场景 我都测试了 不会有扭曲感
老库克这次属实是有点属实了 我准备十一期间体验一下 实在受不了就退货
受的了 就... 就再忍一会
通过这次果冻屏事件 我也对比了很多的屏幕 到底有没有果冻效应
几乎是没有高刷的 集体阵亡
于是乎我做了一个工具 方便大家发现身边的果冻屏
预览地址 00mm.cc/gd
源码如下~ 根据w3c代码修改的 没什么技术含量 但是有点用
[HTML] 纯文本查看 复制代码 <!DOCTYPE html>
<html>
<head>
<style>
div {
width: 1900px;
height: 50px;
background-color: red;
position: absolute;
animation-name: example;
animation-duration: 6s;
animation-iteration-count: 9999;
}
p {
width: 50px;
height: 150vh;
background-color: red;
position: absolute;
animation-name: example2;
animation-duration: 6s;
animation-iteration-count: 9999;
}
@keyframes example {
0% {background-color:black; left:0px; top:0px;}
25% {background-color:black; left:0px; top:100vh;}
50% {background-color:black; left:0px; top:0px;}
75% {background-color:black; left:0px; top:50vh;}
100% {background-color:black; left:0px; top:0px;}
}
@keyframes example2 {
0% {background-color:black; left:0px; top:0px;}
25% {background-color:black; left:100vw; top:0vh;}
50% {background-color:black; left:0px; top:0px;}
75% {background-color:black; left:50vw; top:0vh;}
100% {background-color:black; left:0px; top:0px;}
}
</style>
</head>
<body>
<p></p>
<div></div>
<script>
window.onclick = document.onclick = function (e) {
var el = document.documentElement;
//这里的 el 可以是其他的页面元素，这样实现的就是这个元素的全屏，而不是整个页面的全屏
fullScreen(el);
}
function fullScreen(el) {
var rfs = el.requestFullScreen || el.webkitRequestFullScreen ||
el.mozRequestFullScreen || el.msRequestFullScreen;
if(typeof rfs != "undefined" && rfs) {
rfs.call(el);
} else if(typeof window.ActiveXObject != "undefined") {
//for IE，这里其实就是模拟了按下键盘的F11，使浏览器全屏
var wscript = new ActiveXObject("WScript.Shell");
if(wscript != null) {
wscript.SendKeys("{F11}");
}
}
}
</script>
</body>
</html> | 
发表于 2021-9-27 10:08
