LAB
实验室
这里放一些还没定稿的外观想法,开关就在下面。都是实验,随时可能改或取消。
当前都是默认外观
面板材质
同一组里只能开一个:再开另一个,前一个会自动关掉。
实底
面板换成不透明实底,去掉毛玻璃、顶部高光和投影。
注意:背景图会被面板完全盖住。
描边
面板几乎透明,只留一圈描边把边界画出来。
注意:文字直接压在背景图上,遇到花的背景可能不好读。
液态玻璃
面板换成一块真玻璃:WebGL 实时折射背后的背景,边缘压缩、倒角高光,G2 连续曲率圆角。
还在试的效果:玻璃跟不上滚动和动画(会滞后一两帧)、超长正文用的是另一种便宜实现、老设备上会掉帧。不保证体验和性能,不合适就关掉。
注意:渲染器和 shader 来自 liquid-glass-webgl(AGPL-3.0),超长文章的面板另走一条便宜的 SVG 滤镜路线(来自 shuding/liquid-glass,MIT)。开启后整页背景交给画布绘制,面板文字仍是可选中、可搜索的真实 DOM;顶栏底栏、以及超过 24 块的其余面板保持原本的亚克力外观。
独立实验
不和任何实验互斥,可以和上面任意一项同时开。
打字机
全站换成等宽字体,正文行距收紧一点。
注意:中文会回退到系统中文字体,主要变化在数字和拉丁字母上。
圆角
面板和控件的圆角分三档:默认、直角、圆润。
关于这些开关
- 选择只保存在你这台设备的浏览器里,不会同步给别人,也不影响文章内容。
- 实验随时可能改效果或下线,遇到问题就恢复默认。
- 恢复默认之后页面会立刻变回去,不需要刷新。