一种海量同尺寸图片渲染方法
By determining the total height and width of the image and using the transform property to offset the image element, the problem of lazy loading and pagination loading methods being unable to simultaneously locate and avoid increased memory usage was solved, enabling smooth rendering of massive amounts of images and improving the user experience.
CN115238108BActive Publication Date: 2026-07-17JINGCHU UNIV OF TECH
Patent Information
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- JINGCHU UNIV OF TECH
- Filing Date
- 2022-07-20
- Publication Date
- 2026-07-17
AI Technical Summary
Technical Problem
When displaying a large number of images on a limited screen, existing lazy loading and pagination loading methods cannot simultaneously achieve fast positioning and avoid stuttering caused by increased memory usage, thus affecting the user experience.
Method used
By obtaining the total height and width of the image, the index range within the visible area is determined, and the image element is offset to the correct position using the transformY or transformX property, thus achieving smooth image rendering.
Benefits of technology
It enables the rendering of tens of thousands of images on a limited screen without lag, thus improving the user's reading experience.
✦ Generated by Eureka AI based on patent content.
Smart Images
Figure CN115238108B_ABST
Abstract
一种海量同尺寸图片渲染方法，具体步骤如下：s1、获取多张尺寸一致的图片以及每个图片的地址信息，保存到数组中；s2、根据图片的数量和每个图片的高度获取到图片的总高度；s3、根据获取到的总高度撑开整个渲染容器；s4、获取图片渲染容器上边缘与屏幕上边缘的高度差h1，根据h1加上屏幕高度获取h2;s5、根据h1和h2的范围确定需要展示图片的具体索引范围，其中，范围内的图片为可见状态，其它非范围内图片为非展示状态。本发明涉及计算机程序领域，具体涉及一种海量同尺寸图片渲染方法。本发明优点是：利用本方法对图片进行渲染，可达到渲染上万张图片不卡顿的效果，便于读取大量图片的效率，提升了阅读量。
Need to check novelty before this filing date? Find Prior Art