React Native设施管理APP：DWG转SVG遇性能问题求替代方案

1. 直接解析DWG文件 #

• 选用移动端兼容的DWG解析库（如Teigha的移动端SDK、开源LibreDWG），在APP内直接加载原始DWG，仅提取桌椅、房间轮廓等核心图层，过滤标注、辅助线、隐藏图层等冗余元素。
• 解析时只保留桌椅的几何坐标、唯一标识等交互所需数据，无需渲染全部CAD内容，大幅降低内存占用。
• 优势：完全保留原始画质，精准匹配桌椅交互区域，无需格式转换；支持按需加载图层，性能可控。
• 注意事项：需处理不同版本DWG的兼容性，编译底层库需要一定的C/C++开发经验；做好内存分片加载，避免一次性解析全量数据。

2. 矢量瓦片+交互数据分离 #

• 将DWG切割为多层级矢量瓦片（类似地图瓦片），按屏幕适配的精度划分层级，APP加载时仅请求当前视窗内的瓦片数据。
• 单独导出桌椅的坐标、ID、状态等交互元数据，存储为JSON格式，APP渲染瓦片后，通过坐标匹配叠加交互热点，实现点击预订逻辑。
• 优势：支持流畅缩放平移，单次加载数据量小；瓦片精度可灵活调整，平衡画质与性能；交互数据独立管理，不影响渲染效率。
• 注意事项：需要工具链完成DWG到矢量瓦片的转换，本地部署或后端提供瓦片服务；确保热区坐标与瓦片位置精准对齐，适配不同屏幕分辨率。

3. 栅格图+热区映射 #

• 将DWG导出为高分辨率WebP/PNG格式，用图片压缩工具在画质与体积间做平衡（比如2x分辨率适配移动端，体积可控制在几MB内）。
• 同步导出桌椅的边界坐标、预订ID，APP加载图片后，通过触摸位置与热区坐标的碰撞检测，判断是否触发预订操作。
• 优势：开发成本极低，移动端兼容性拉满，加载速度快；适合不需要频繁缩放的场景。
• 注意事项：缩放时会损失画质，若需支持缩放可导出多分辨率图；热区坐标需做屏幕适配转换，避免不同设备上的点击偏移。

4. 服务端轻量化预处理 #

• 部署本地或私有云CAD轻量化服务，将DWG上传至服务端后，自动清理冗余图层、简化几何图形，输出仅包含渲染与交互数据的精简格式（如精简DXF、自定义二进制格式）。
• APP直接请求处理后的精简数据，无需在客户端做复杂解析，仅负责渲染和交互逻辑。
• 优势：服务端算力更强，处理复杂DWG更高效；客户端逻辑简化，性能稳定；统一处理多版本DWG兼容性问题。
• 注意事项：需搭建轻量化服务，离线场景需提前缓存处理后的数据；确保数据传输的安全性。

内容的提问来源于stack exchange，提问作者Shubham Kackar