devswork
V2EX  ›  微信

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

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

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


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