一步步构建一个无限画布（Infinite Canvas）
http://t.cn/A6R6BpWV
无限画布（Infinite Canvas）是一种具有高可扩展性、缩放功能和直观操作性的技术概念，它允许用户以非线性方式自由组织内容结构。前端开发者对此技术背后的渲染技术特别感兴趣，包括使用Canvas2D/SVG等用户友好技术，以及更底层的GPU加速2D图形渲染技术以提升性能。
本教程将实现以下功能：

使用 @antv/g-device-api 作为硬件抽象层，支持 WebGL1/2 和 WebGPU。
参考 mapbox 和 Figma，尝试使用基于瓦片的渲染。
使用 SDF（符号距离场）渲染圆形、椭圆、矩形等形状。
实现 GPU 加速的文本和贝塞尔曲线渲染。
使用 rough.js 支持手绘风格。
使用 CRDT（无冲突复制数据类型）来支持协作的 Yjs。