File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 44
55</div >
66
7- ## ScrollFrameCanvas
7+ ## scroll-frame-canvas
88
99一个基于滚动条驱动的 Canvas 帧序列渲染器。支持超大序列的渐进式加载(分层预取)、OffscreenCanvas 预渲染、` contain/cover/fill ` 缩放、滚动轴映射、自定义加载动画与事件回调,适用于产品页沉浸式滚动动画、分镜头切换与高分辨率影像浏览。
1010
1717- 自定义加载动画:主加载与背景层加载均可自定义绘制
1818- 并发控制与重试:` maxConcurrentLoads `
1919
20- 文档:https://byte-n.github.io/ScrollFrameCanvas /
20+ 文档:https://byte-n.github.io/scroll-frame-canvas /
2121
2222---
2323
Original file line number Diff line number Diff line change 33 < head >
44 < meta charset ="utf-8 " />
55 < meta name ="viewport " content ="width=device-width, initial-scale=1 " />
6- < title > ScrollFrameCanvas Demo</ title >
6+ < title > scroll-frame-canvas Demo</ title >
77 </ head >
88 < body >
99 < style >
5353 < section class ="after ">
5454 < div style ="max-width: 1200px; margin: 0 auto; padding: 80px 40px; color: #333; font-family: 'Arial', sans-serif; line-height: 1.6; ">
5555 < h1 style ="font-size: 48px; font-weight: 900; margin-bottom: 30px; text-align: center; color: #2a2a2a; ">
56- ScrollFrameCanvas
56+ scroll-frame-canvas
5757 </ h1 >
5858
5959 < p style ="font-size: 20px; text-align: center; margin-bottom: 60px; color: #666; ">
You can’t perform that action at this time.
0 commit comments