V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
Philippa
V2EX  ›  CSS

在图片加载完之前,如何确定图片 loading 的 skeleton 的长和宽?

  •  
  •   Philippa · Nov 16, 2020 · 2152 views
    This topic created in 1994 days ago, the information mentioned may be changed or developed.

    场景:有一批图片,动态内容,需要以客户端渲染的方式进行加载,最终图片显示的 AspectRatio 根据图片自身的尺寸而定。在加载之前,需要显示 skeleton 加载动画来平滑过度。如同 pinterest.com 那样,在图片 loaded 之前,就有 loading 的色块,而色块的 长度 和 宽度 对应 要加载图片对应的 长度 和 宽度。但在加载之前,我无法得知图片的 height 和 width,因此也就无法确定 skeleton 的长和宽。

    问题:我要如何在图片 loaded 之前就知道图片的 length 和 width 从而确定 skeleton 的 长度 和 宽度 ?通过后端 API 一起返回?规定固定的 width,然后根据 Content-Length 来计算?

    自己是后端,对前端不大熟悉,感谢。

    2 replies    2020-11-16 19:53:33 +08:00
    zoharSoul
        1
    zoharSoul  
       Nov 16, 2020
    后端一起返回.
    Philippa
        2
    Philippa  
    OP
       Nov 16, 2020 via iPhone
    @zoharSoul 的确如此啊,谢了,改改后端去
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   782 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 21:38 · PVG 05:38 · LAX 14:38 · JFK 17:38
    ♥ Do have faith in what you're doing.