事故现场图绘制组件
HandyDoc开箱即用的 WebAssembly 绘图引擎,完全离线部署,三步完成集成。
在线演示 →需登录已开通的账号。演示环境为云端部署实例,可直接体验绘图组件的完整功能
完全离线,数据不出门
以 WebAssembly 形式交付,全部运算在客户自有服务器上完成,不依赖任何外部云端接口。事故现场图像与案件数据全程留在客户内网, 断网环境同样可用,满足公安、保险等行业对数据本地化的合规要求。
私有化部署,兼容信创生态
提供 Linux 平台可执行程序,一条命令启动服务,不依赖容器或额外中间件。
- 兼容主流操作系统:Ubuntu 20.04 / 22.04 LTS、麒麟 OS V10、统信 UOS、深度 Deepin
- 支持 x86_64(含兆芯等国产 x86 平台)及 ARM64(鲲鹏、飞腾等)架构
- 部署到客户自有物理机或内网服务器,无订阅云服务,无使用量上报
- License 与服务器硬件绑定,授权可精确控制到机器级别
- 无需安装任何运行时环境(无需 JDK、Python、Node.js 等),解压即可运行;资源占用极低,现有服务器通常无需升级即可直接部署
集成只需三步
1在页面引入配置
<!-- 直连模式(无 nginx):src 指向 HandyService Browser Port -->
<!-- 代理模式(nginx HTTPS):src 改为 "https://your-domain/handydoc/HandyDoc.html" -->
<script>
window.HD_HOST_OPTS = {
src: "http://your-server:8787/HandyDoc.html",
tokenApi: "/api/hd-token"
};
</script>2放置 iframe 容器
<iframe id="hd-frame" allow="clipboard-read; clipboard-write; storage-access" referrerpolicy="strict-origin-when-cross-origin"> </iframe>
3引入宿主脚本,在业务代码里初始化
<script src="/assets/handydoc-host.js"></script>
<script>
hdWhenNativeReady().then(async () => {
await hdInit("case-20250101-001");
});
</script>不需要修改现有后端框架,不引入新的前端依赖,现有任意技术栈均可接入(Vue、React、原生 HTML 均可)。
主要功能
- 事故现场图绘制
- 内置专业绘图工具,支持道路、车辆、标注等元素
- AI 交通元素识别
- 对导入的现场照片进行 AI 分析,自动定位车辆、道路标线等交通元素位置,辅助快速完成现场图绘制
- 现场照片导入
- 从本地或程序传入照片,作为绘图底图
- 图表导出
- 导出 JPG 图片,支持竖版 / 横版 / 实景记录 / 实景俯瞰多种格式
- 案件数据管理
- 读写事故时间、地点、天气、勘查员等结构化字段
- 数据包导入导出
- 完整案件数据以 ZIP 格式导出 / 导入,支持跨设备迁移
- UI 定制
- 可控制标题栏、导入按钮的显示,融入集成方界面风格
安全机制
硬件绑定授权
License 文件与部署服务器的主板序列号、磁盘序列号、网卡 MAC 地址等硬件指纹绑定,拷贝到其他机器无法运行。
授权防篡改
通过硬件级机制检测异常回滚行为,确保授权有效期不可绕过。
动态一次性 Token
每次 WASM 会话建立前由集成方后端动态申请短期 Token,有效期 120 秒且一次性消费,杜绝 Token 泄露复用。
IP 白名单
Token 签发端口(8788)仅允许授权的集成商服务器 IP 访问,Token 申请必须经由服务器后端发起。
部署架构
集成方服务器(客户内网)
├── HandyService(单进程,无外部依赖)
│ ├── :8787 浏览器业务口(托管 WASM 页面)
│ └── :8788 Token 口(仅集成商后端可访问)
│
├── 集成方后端(已有系统)
│ └── /api/hd-token → 代理转发至 :8788
│
└── 浏览器
└── iframe 加载 HandyDoc WASM → 与 :8787 通信适用场景
交通事故现场处理
警察、保险查勘员在现场使用,绘制事故图并导出存档。
保险定损系统集成
嵌入已有定损 Web 系统,零侵入方式添加现场图绘制能力。
私有化 SaaS 改造
原有云端绘图服务迁移至客户私有部署,满足数据合规要求。
无人机飞控平台集成
已采购无人机管理平台的客户可直接嵌入 HandyDoc,将无人机航拍的现场照片导入组件,结合 AI 交通元素识别快速完成现场图绘制,无需额外采购独立绘图系统。
技术规格
- 服务语言
- Rust(单进程,无运行时依赖)
- 前端交付
- WebAssembly,运行于标准浏览器,无需插件
- 支持平台
- Linux x86_64 / ARM64;Ubuntu 20.04 / 22.04 LTS、麒麟 OS V10、统信 UOS、深度 Deepin 等
- 硬件要求
- 物理 TPM 2.0 芯片
- 网络要求
- 内网即可,无需访问公网
- 浏览器支持
- Chrome 90+ / Edge 90+(推荐,完整 WebGPU 支持);Firefox 120+(WebGPU);Firefox 89–119 可运行但 AI 识别功能降级为 CPU 模式
- 集成方式
- iframe + JS 宿主脚本,与宿主页完全解耦
服务器配置参考
绘图计算全部在用户浏览器端完成,服务器主要承担静态文件托管与会话管理,资源消耗较低。 以下为按并发会话数划分的推荐配置(基于 Ubuntu 22.04,仅 HandyService)。
| 挡位 | 并发会话 | CPU | 内存 | 带宽(内网) |
|---|---|---|---|---|
| 入门 | ≤ 10 | 2 核 | 2 GB | 百兆 |
| 标准 | 10–50 | 4 核 | 4 GB | 千兆 |
| 专业 | 50–150 | 8 核 | 8 GB | 千兆 |
| 大规模 | 150+ | 16 核 | 16 GB | 千兆 |
并发会话以 License 授权的 max_concurrency 为上限;若与其他业务系统合并部署,建议在上述配置基础上适当提升内存。
如需试用授权或了解集成细节,请联系我们。