前端图形渲染技术

背景 在2d编辑器中，判断元素之间是否有交集是很重要的功能要求，比如 点与点 点与线 点与面 线与线 线与面 面与面 这些实现在fabric和konva中不一样。 点与点 很简单，忽略 点与面 fab

FabricJS Konva LeaferJS 主要用途 交互式对象模型画布操作 高性能 2D 画布渲染 轻量级图形渲染引擎 性能 中等，对象多时可能有性能瓶颈 高，优化了大量对象渲染 高，专注于高性

数据采集 业务： 轨迹手写、抄写 雷达采集 轨迹手写、抄写 需求 可配置画笔颜色、粗细 可通过手势生成实际轨迹 可通过手势来圈选轨迹 可撤销、删除轨迹 可操作轨迹 可缩放、拖动 背景网格，且背景网格可

全称：Scalable Vector Graphics 实现方式 通过svg标签，渲染可视化图形 特点 特殊属性+css样式 = 展示 图形伸缩不失真 图形元素真实存在、可修改其属性、css样式、可监

图片展示： 在前端开发中，展示图片是非常常见的需求。最早的图片展示方式是使用HTML的<img>标签，通过引入图片的URL来显示图片。这种方式非常简单直接，适用于展示静态的、位图格式（如JPEG、PN