V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
cxz2998
V2EX  ›  前端开发

有关于 SVG

  •  
  •   cxz2998 · 30 天前 · 948 次点击

    最近看了几个官网,发现好多官网都在用 SVG 做特效和动画

    占用资源少的同时还能实现各种炫酷的动画

    自己一下午写一个鸭子移动的画面,总之就两个字:抽象,太抽象了,以失败告终。

    不知道各位 SVG 大佬对于 SVG 的动画、坐标都是怎么理解的?

    5 条回复    2024-11-22 09:26:33 +08:00
    zhhbstudio
        1
    zhhbstudio  
       30 天前
    有没有可能,他们是拿工具做的
    jydeng
        2
    jydeng  
       30 天前
    用 AI 写
    ETiV
        3
    ETiV  
       30 天前
    在上古时代,有一个套方案叫 Flash ,本来是 Macromedia 的,后来被 Adobe 收购了

    Flash 除了 Player ,它自身还有一套非常成熟的帧动画编辑器…

    iPhone 出来后,Flash 就没落了

    再后面,Adobe 就把它给改成了一个叫 Animate 的工具,我看了下文档,是可以导出 SVG 的

    1. https://www.adobe.com/products/animate.html
    2. https://helpx.adobe.com/animate/using/exporting-svg-format.html
    ETiV
        4
    ETiV  
       30 天前   ❤️ 1
    除了 SVG ,还一个新的方案,Lottie ,可以使用 Adobe After Effects 的特效时间线来生成动画 https://lottie.github.io/

    跟 SVG 不一样,这个是绘制在 HTML Canvas 上,或者其他平台上有它自己的实现 https://airbnb.io/lottie/ https://github.com/airbnb/lottie-web

    Google 到了几个比较酷炫的网站…

    1. https://lottiefiles.com/
    2. https://www.lottielab.com/
    3. https://lordicon.com/

    腾讯最近也出了一套方案,PAG https://pag.io/ (企业版要收费)
    cxz2998
        5
    cxz2998  
    OP
       30 天前
    @ETiV #4 多谢大佬,感谢感谢 大佬牛逼啊!!!!!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2570 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 116ms · UTC 05:49 · PVG 13:49 · LAX 21:49 · JFK 00:49
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.