有可能利用视觉残留,不断的刷新 canvas 来显示一张图片吗?

[rabbbit]

把图片分成两半交替显示, 图像会闪动.

预览 https://aaron-bird.github.io/CanvasDemo/

代码 https://github.com/Aaron-Bird/CanvasDemo/blob/master/index.html

想问下为啥会闪? requestAnimationFrame 每秒绘制 60 帧,人眼不是 24 帧就够了吗?

[KevZhi]

24hz 只是人眼能识别为连贯画面而不是单独画面的阈值，不感知到闪烁需要 48hz

[also24]

为什么要闪原图，应该闪水印啊
一张水印在上，一张水印在下

[also24]

补充，上下水印的话刷新频率可能不够，应该把图片切成几百份，然后随机选择 2~3 份出现水印，并逐个更换。

只需要保证水印在人眼中不出现视觉残留就行了。

[huawuya]

闪恰恰是因为视觉残留，因为你每次把整个 canvas 都清空，然后画半张图，另外半截就是白色，图像有视觉残留，白底色同样会有视觉残留，所以看起来就是闪的，如果每次只清除要画的半张图的位置（如下面代码），就不会闪了，

canvasCtx.clearRect(0, i==0?0:img.height/2, width, img.height/2);
canvasCtx.drawImage(...arr[i]);

[noe132]

连 pwm 背光几百 hz 的闪烁都有人觉得看了伤眼，你这个去取 60hz 肯定很明显。

[w88975]

这样交替显示有啥好处呢

[zhzer]

因为电脑 cpu gpu 还要加工一道

[CSGO]

你这个在我 240hz 的显示器上看还行啊。

[cs8425]

https://aaron-bird.github.io/CanvasDemo/tel.html
这个还是闪
这行
canvasCtx.clearRect(0, 0, width, height);
去掉才真的不闪

[qyxx]

24fps 视频和 60fps 视频、144fps （ hz ）的游戏人眼看上去都会有明显区别。电影的 24fps 是视频采集和处理时就已经是平滑的画面了，所以放映时能感觉到连贯。在运动场景，较低的拍摄帧率 暂停时会得到运动模糊的画面，虽然帧数不高但显也得自然。而拍摄就使用高帧率的话暂停也能看到清晰的画面，所以也是有区别的。如果帧率低又没有运动模糊的视频，看起来也会显得卡顿，比如把高帧率的运动视频直接减掉帧数。所以在需要实时响应的电脑画面和游戏响应上，越高越好，都是能看得出的。我现在用 144hz 的显示器看 24-30 帧的视频都会有明显的卡顿感，不用补帧看根本看不下去。

[digimoon]

lz 是想在液晶上模拟显示以前 crt 扫描吗？

@qyxx 游戏会觉得怪我觉得是因为游戏帧间隔不稳定的原因，毕竟前半秒显示 59 帧后半秒显示 1 帧也叫 60fps，视频 24fps 和 60fps 能看出流畅度差别，但是 24fps 的帧间隔时间稳定的话人看久了应该就习惯了不会太难受

[qyxx]

@digimoon 游戏即使稳定 60 帧，和稳定 144 帧还是能看得出差别的，用了 144hz 显示器你会发现连最普通的鼠标滑动都流畅了很多，系统 UI 也感觉更顺滑了。而视频感觉 24-30 简直是幻灯片，特别是在运动场景下能看到两帧之间的不平滑 从左边一下子飞到右边。和流畅的系统 UI 帧数形成了对比，就感觉看 24-30 帧视频非常不爽

[meteor957]

跟看鬼片似的 打开吓我一跳

[pkoukk]

楼主是根据那个截图的问题来的灵感么？
问题是不清空旧帧的话，截图出来的还是全的。清除的话，画面会严重闪烁

[jy02534655]

https://aaron-bird.github.io/CanvasDemo/tel.html
显示器：144hz
操作系统：win10 家庭版 64 位 17134
谷歌浏览器：69.0.3497.100 一开始图片狂闪，后面趋于稳定
edge：一开始无图片，后面稳定

[ymj123]

卧槽，一直在闪啊