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 形体/设备/灯光,支持自定义注册。

图层管理

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

控制台日志

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

矢量图标编辑器

可视化拼装矢量图标(图标 / 符号),支持自定义属性与数据绑定;制成的图标会出现在 2D 编辑器组件库中。

版本更新记录

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

v0.4
2026-10-08
对标 HT for Web 手册全面升级
  • 图元扩充至 18 种:特别图形(三角/菱形/星形/六边形/五边形/十字/箭头/圆柱/云朵)、8 种网络设备图标、表格
  • 连线升级为独立对象:5 种线型、箭头、虚线、曲线、标签,支持控制点编辑(直线/镜像/断开/不对称)
  • 旋转与锚点:旋转手柄、锚点可拖拽、Shift 按 15° 吸附、Alt+旋转绕锚点复制成环
  • 组合/解组、图层管理面板(显隐/锁定/重命名/删除)、网格与图元吸附参考线
  • 画布底色独立于主题:可在「画布属性」中配置底色/网格/尺寸,文字色按底色自动取对比色
  • 数据绑定升级:自定义属性支持值类型(int/number/color/enum/boolean/string/multiline/function)与 attr@ / func@ 绑定
  • 矢量图标编辑器(独立页面):可视化拼装图标、自定义属性、组件大纲、自定义绘制函数预览
  • 导入 SVG / DXF 图纸,导出 JSON / SVG / PNG
  • 多文档标签页、我的图纸库(文件夹目录)、标尺、小地图、双击就地改文字
  • 中英文国际化切换、快捷键一览、画布/图元/连线/图层/页签全套右键菜单
v0.3
2026-09-30
2D 编辑器增强 + 知识库
  • 多选支持:Shift+点击切换选中、拖拽框选、Ctrl+A 全选
  • 对齐工具:左/水平居中/右/顶/垂直居中/底 六向对齐
  • 图层排序:置顶 / 置底
  • JSON 加载:支持从文件导入图纸
  • Ctrl+S 保存、Ctrl+D 多选复制、Delete 多选删除
  • 知识库:收录编辑器使用手册 PDF 与 hightopo 官方文档链接
v0.2
2026-09-30
完整交互 + 主题系统
  • 2D 编辑器:拖入、选中、移动、缩放、删除、撤销/重做/复制
  • 3D 编辑器:形体拖入、选中、变换、属性编辑(纯 CSS 3D 实现)
  • 数据模型集成右侧栏,仅显示画布元素
  • 6 套主题:暗色/B站风/极简白/樱花风/森野绿/烟雨水墨
  • 部署到 Cloudflare Pages
v0.1
2026-09-30
原型初始化
  • 8 个页面:首页/2D编辑/3D编辑/组件库/属性/数据模型/预览/设置
  • 四栏布局:菜单栏 + 组件库 + 画布 + 右侧属性/数据
  • 对标 hightopo HT for Web 功能体系

立即开始编辑

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