HT Editor
2D / 3D 拓扑可视化编辑器

对标 hightopo (HT for Web) 的一体化图形编辑平台,融合 2D 拓扑图纸与 3D 场景编辑于同一工作台。支持组件拖拽、数据绑定、动画编排、多格式导出,开箱即用。

8
功能模块
86+
内置组件
2D/3D
双模式融合
5
导出格式

功能模块

覆盖从图形编辑到数据交付的完整链路,点击卡片进入对应功能界面

核心能力

对标 hightopo HT for Web 的关键特性,合并 2D 与 3D 编辑体验

2D / 3D 一体化

统一数据模型驱动,工具栏右侧一键切换 2D 图纸与 3D 场景。

DataModel 驱动

统一数据模型与选择模型,属性面板与画布实时联动。

动画编排

淡入、缩放、旋转、呼吸、连线流动等多种动画,支持缓动与循环。

数据绑定

REST / WebSocket / MQTT 多数据源,字段映射与格式化函数。

多格式导出

PNG / JPG / SVG / JSON / 可运行前端工程,一键交付。

丰富组件库

2D 拓扑/流程/工业图元 + 3D 形体/设备/灯光,支持自定义注册。

图层管理

多图层显隐、锁定、排序,复杂图纸结构清晰可控。

控制台日志

加载、渲染、数据、保存全流程日志,便于调试与排错。

版本更新记录

原型迭代历史,持续完善中

v0.3
2026-09-30
2D 编辑器增强 + 知识库
  • 多选支持:Shift+点击切换选中、拖拽框选、Ctrl+A 全选
  • 对齐工具:左/水平居中/右/顶/垂直居中/底 六向对齐
  • 图层排序:置顶 / 置底
  • JSON 加载:支持从文件导入图纸
  • Ctrl+S 保存、Ctrl+D 多选复制、Delete 多选删除
  • 知识库:收录编辑器使用手册 PDF 与 hightopo 官方文档链接
v0.2
2026-09-30
完整交互 + 主题系统
  • 2D 编辑器:拖入、选中、移动、缩放、删除、撤销/重做/复制
  • 3D 编辑器:形体拖入、选中、变换、属性编辑(Three.js)
  • 数据模型集成右侧栏,仅显示画布元素
  • 6 套主题:暗色/B站风/极简白/樱花风/森野绿/烟雨水墨
  • 部署到 Cloudflare Pages
v0.1
2026-09-30
原型初始化
  • 8 个页面:首页/2D编辑/3D编辑/组件库/属性/数据模型/预览/设置
  • 四栏布局:菜单栏 + 组件库 + 画布 + 右侧属性/数据
  • 对标 hightopo HT for Web 功能体系

立即开始编辑

进入 2D 或 3D 编辑器,体验完整的拓扑可视化编辑流程