Canvas Rendering

Rare Earth Juejin Tech Community

Oct 10, 2023 · Frontend Development

Deep Dive into LeaferJS: Architecture, Rendering Performance, Update Mechanism, and Event Picking

This article analyses the LeaferJS canvas rendering engine, covering its lightweight node creation, core architecture, rendering pipeline, partial‑render optimization, and event‑picking mechanism, while providing code examples and performance insights for front‑end developers.

Canvas RenderingEvent HandlingJavaScript

0 likes · 14 min read

Deep Dive into LeaferJS: Architecture, Rendering Performance, Update Mechanism, and Event Picking

政采云技术

Apr 12, 2023 · Frontend Development

ZRender and ECharts: A Comprehensive Guide to 2D Graphics Rendering

This article provides an in-depth exploration of ZRender, a lightweight 2D graphics rendering engine, and its relationship with ECharts, covering installation, basic usage, drawing shapes, interactive effects, and practical applications.

2D GraphicsCanvas RenderingECharts

0 likes · 10 min read

ZRender and ECharts: A Comprehensive Guide to 2D Graphics Rendering

Tencent Cloud Developer

Feb 22, 2023 · Frontend Development

Performance Optimization of Tencent Docs SmartSheet View: Incremental Rendering, Flame Graph Analysis, and Offscreen Rendering

The Tencent Docs SmartSheet view’s sluggish 20 FPS performance was resolved by a suite of optimizations—including incremental rendering of only visible widgets, disabling costly canvas hit‑testing, replacing node cloning with direct construction, caching text measurements, and employing offscreen canvas rendering—boosting frame rates to near 60 FPS.

Canvas RenderingFlame Graphfrontend

0 likes · 13 min read

Performance Optimization of Tencent Docs SmartSheet View: Incremental Rendering, Flame Graph Analysis, and Offscreen Rendering