363045841的博客

本文介绍了一个基于Canvas的K线图绘制项目，采用窗口化渲染技术优化性能。项目通过创建scroll-content div撑开容器，仅重绘可视区域内的K线数据。使用requestAnimationFrame实现节流渲染，避免滚动时过度重绘。关键技术点包括：计算渲染范围、坐标系对齐、高清适配处理等。项目已开源，支持Gitee、Github和NPM安装，持续更新中。核心思路是通过坐标系变换和视口计算，实现高效局部渲染，同时解决Canvas在高DPR屏幕下的模糊问题。