yaphets666
V2EX  ›  CSS

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

  •  
  •   yaphets666 · Dec 9, 2020 · 2796 views
    This topic created in 1995 days ago, the information mentioned may be changed or developed.
    苹果 airpods max 那个随着滚轮滚动而旋转的效果是怎么做的?只看到 canvas,具体的实现方法是什么呢?

    有大佬简单说下么.
    关键词 canvas matrix
    5 replies    2020-12-09 21:14:19 +08:00
    FishNaCl
        1
    FishNaCl  
       Dec 9, 2020 via Android
    应该就是一帧一帧的图片放出来的
    yaphets666
        2
    yaphets666  
    OP
       Dec 9, 2020
    @FishNaCl 我问别人 有的说是绘制了视频 滚轮其实是在拖动进度条 但是也不确定 弄不清楚好烦
    hs0000t
        3
    hs0000t  
       Dec 9, 2020 via Android
    打开网页 按 F12
    找一串 medium 开头的 png 图片
    yaphets666
        4
    yaphets666  
    OP
       Dec 9, 2020
    @hs0000t
    老哥是 https://www.apple.com/airpods-max/
    <canvas width="1004" height="1214"></canvas>
    这个标签
    视频下面那个旋转的
    FishNaCl
        5
    FishNaCl  
       Dec 9, 2020 via Android   ❤️ 1
    @yaphets666 这个不好意思是我有点想当然了..这个影片里面有讲到一点, 具体实现不太清楚, 我也没怎么用过 canvas.
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1024 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 22:35 · PVG 06:35 · LAX 15:35 · JFK 18:35
    ♥ Do have faith in what you're doing.