苹果 airpods max 那个随着滚轮滚动而旋转的效果是怎么做的?只看到 canvas,具体的实现方法是什么呢?

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 1446 天前的主题，其中的信息可能已经有所发展或是发生改变。

苹果 airpods max 那个随着滚轮滚动而旋转的效果是怎么做的?只看到 canvas,具体的实现方法是什么呢?

有大佬简单说下么.
关键词 canvas matrix

5 条回复 • 2020-12-09 21:14:19 +08:00

FishNaCl

2020-12-09 11:27:17 +08:00 via Android

应该就是一帧一帧的图片放出来的

yaphets666

2020-12-09 11:29:19 +08:00

@FishNaCl 我问别人有的说是绘制了视频滚轮其实是在拖动进度条但是也不确定弄不清楚好烦

hs0000t

2020-12-09 11:37:50 +08:00 via Android

打开网页按 F12
找一串 medium 开头的 png 图片

yaphets666

2020-12-09 13:22:03 +08:00

@hs0000t
老哥是 https://www.apple.com/airpods-max/
<canvas width="1004" height="1214"></canvas>
这个标签
视频下面那个旋转的

FishNaCl

2020-12-09 21:14:19 +08:00 via Android

@yaphets666 这个不好意思是我有点想当然了..这个影片里面有讲到一点, 具体实现不太清楚, 我也没怎么用过 canvas.