Philippa
V2EX  ›  CSS

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

  •  
  •   Philippa · Nov 16, 2020 · 2197 views
    This topic created in 2014 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   ·   884 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 466ea39e · 37ms · UTC 22:14 · PVG 06:14 · LAX 15:14 · JFK 18:14
    ♥ Do have faith in what you're doing.