Tech
[分享创造] 做了一个 Tap & Hold 图片生成器:用一张透明 PNG 实现 X 上的长按显图效果
最近在 X 上看到一些图片:时间线里看起来很淡、很暗,点开或长按查看后,完整画面才会显现出来。
一开始我以为这是两帧动画,研究后才发现,大多数情况下它其实只有一张透明 PNG 。X 会在白色时间线和深色图片查看器中以不同背景显示这张图片,于是产生了类似“长按后显图”的效果。
所以我做了一个在线生成工具:
https://tapandholdmaker.com/
使用方法很简单:
上传一张图片
对比白色时间线和黑色查看器中的预览效果
下载生成的透明 PNG
将这张 PNG 发布到 X
整个处理过程都在浏览器本地完成,原图不会上传到服务器,不需要注册,也没有第二帧动画。
另外还做了一个独立的 Kakushie Maker:
https://tapandholdmaker.com/kakushie-maker/
这个模式可以用画笔选择需要隐藏或保留的区域,适合制作局部遮挡、长按后显示完整内容的图片。
目前还有一些客观限制:
最终效果依赖 X 客户端对透明 PNG 的显示方式
iOS 、Android 、网页版之间...
Read the full discussion on V2EX
This article was aggregated from V2EX. Click to join the conversation.
View on V2EX