devswork
V2EX  ›  微信

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

  •  
  •   devswork · Aug 12, 2022 · 4661 views
    This topic created in 1413 days ago, the information mentioned may be changed or developed.
    25 replies    2022-08-13 01:05:49 +08:00
    hay0577
        1
    hay0577  
       Aug 12, 2022
    我也蹲一个答案
    Elix
        2
    Elix  
       Aug 12, 2022
    iSVG
    URApps
        3
    URApps  
       Aug 12, 2022
    svg 动画
    freedomT
        4
    freedomT  
       Aug 12, 2022
    svg ,每个延迟显示的都是 animate 控制的,只能说工程量不小,创意不错
    Elix
        5
    Elix  
       Aug 12, 2022
    http://xhslink.com/AythUi

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


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