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

2020-12-09 09:55:52 +08:00
 yaphets666
苹果 airpods max 那个随着滚轮滚动而旋转的效果是怎么做的?只看到 canvas,具体的实现方法是什么呢?

有大佬简单说下么.
关键词 canvas matrix
2242 次点击
所在节点    CSS
5 条回复
FishNaCl
2020-12-09 11:27:17 +08:00
应该就是一帧一帧的图片放出来的
yaphets666
2020-12-09 11:29:19 +08:00
@FishNaCl 我问别人 有的说是绘制了视频 滚轮其实是在拖动进度条 但是也不确定 弄不清楚好烦
hs0000t
2020-12-09 11:37:50 +08:00
打开网页 按 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
@yaphets666 这个不好意思是我有点想当然了..这个影片里面有讲到一点, 具体实现不太清楚, 我也没怎么用过 canvas.
<amp-youtube data-videoid="JG09YV_VuAI" layout="responsive" width="480" height="270"></amp-youtube>

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/733607

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX