V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
devswork
V2EX  ›  微信

这种微信公众号文章是怎么做出来的?

  •  
  •   devswork · 2022-08-12 14:27:52 +08:00 · 3877 次点击
    这是一个创建于 819 天前的主题,其中的信息可能已经有所发展或是发生改变。
    25 条回复    2022-08-13 01:05:49 +08:00
    hay313955795
        1
    hay313955795  
       2022-08-12 14:45:31 +08:00
    我也蹲一个答案
    Elix
        2
    Elix  
       2022-08-12 14:50:10 +08:00
    iSVG
    TigerJie
        3
    TigerJie  
       2022-08-12 14:50:36 +08:00
    svg 动画
    freedomT
        4
    freedomT  
       2022-08-12 14:51:03 +08:00
    svg ,每个延迟显示的都是 animate 控制的,只能说工程量不小,创意不错
    Elix
        5
    Elix  
       2022-08-12 14:51:28 +08:00
    http://xhslink.com/AythUi

    这里说得比较清楚了
    registerrr
        6
    registerrr  
       2022-08-12 14:53:40 +08:00
    只从技术上来说页面里头所有的文字都是 SVG 画出来的,
    为什么它能一行一行显示出来,可能是用了 SVG animation 这种技术;
    代码里头有 **data-copyright="XiaoYangSVGAnimator"** 这个标识,具体 XiaoYangSVGAnimator 这个是什么东西,我也没搜到,也了解不深。我猜测是用某个商用的库或软件可以实现;


    gayhub 上,也能搜到相关关键词 https://github.com/search?q=XiaoYangSVGAnimator&type=code
    orzorzorzorz
        7
    orzorzorzorz  
       2022-08-12 14:54:47 +08:00
    乍一看还在琢磨怎么控制高度,回过神一想,只是微信文章。看来确实厉害了。
    orzorzorzorz
        8
    orzorzorzorz  
       2022-08-12 14:54:59 +08:00
    @orzorzorzorz 只 => 这
    googlefans
        9
    googlefans  
       2022-08-12 14:58:04 +08:00
    厉害了
    paopjian
        10
    paopjian  
       2022-08-12 15:18:53 +08:00
    看最后的技术支持?e2.cool
    lneoi
        11
    lneoi  
       2022-08-12 15:39:57 +08:00
    挺漂亮的
    Felldeadbird
        12
    Felldeadbird  
       2022-08-12 16:19:12 +08:00
    整活整出新高度了。
    FFFFourwood
        13
    FFFFourwood  
       2022-08-12 16:26:55 +08:00
    应该是 Adobe Illustrator 或者 XD 直接 做出来的吧,,,
    蹲个做动画的 designer 给个正确答案
    a566
        14
    a566  
       2022-08-12 16:39:40 +08:00
    公众号是怎么写出这种的 这个并不是页面
    TigerJie
        15
    TigerJie  
       2022-08-12 16:49:13 +08:00
    @a566 插入 svg 格式的图片
    Tanf
        16
    Tanf  
       2022-08-12 16:52:15 +08:00
    有意思
    zjj19950716
        17
    zjj19950716  
       2022-08-12 16:57:21 +08:00
    还有视频
    Slshaolong
        18
    Slshaolong  
       2022-08-12 17:02:32 +08:00 via Android
    如果是用的定时器加入内容呢?
    stoluoyu
        19
    stoluoyu  
       2022-08-12 17:05:57 +08:00
    厉害了,有些元素重新进入视口还会有动画。
    fiypig
        20
    fiypig  
       2022-08-12 17:06:25 +08:00
    这种应该算还好的 ,有专门工具模板的
    yaoyao1128
        21
    yaoyao1128  
       2022-08-12 17:08:10 +08:00 via iPhone
    f12 啊
    答案都在代码里面
    svg
    data-mpa-powered-by="yiban.io"
    Mosugar
        22
    Mosugar  
       2022-08-12 17:47:56 +08:00
    专门有公众号编辑文章的编辑器就可以做到
    kosmosr
        23
    kosmosr  
       2022-08-12 17:53:09 +08:00
    翻到最后竟然是广告。。牛逼
    cnrting
        24
    cnrting  
       2022-08-12 17:55:26 +08:00 via iPhone
    美是随便便便
    oszlso
        25
    oszlso  
       2022-08-13 01:05:49 +08:00   ❤️ 1
    SVG 交互式推文,已经是成熟的产业了
    参考 Apple 的推文,经常就有这种形式
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   981 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 21:17 · PVG 05:17 · LAX 13:17 · JFK 16:17
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.