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

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

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

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


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