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.6 最新
2026-10-09 10:38:20
需求偏差修复与交互体验优化
  • 元素「名称」与「显示文本」分离:名称用于右下角数据模型查找,显示文本单独一行配置
  • 资源页新增「导出 SVG / PNG / JPG」按钮,配合原有导入,支持 SVG / PNG / JPG 系列图片导入导出
  • 双击含文本的元素即进入就地文本编辑状态
  • 框选方向感知:从左往右需完整框住元素边界才选中,从右往左框到部分即选中
  • 工具栏图标移入浮出文字提示;不规则图形 / 连线绘制时显示虚线指引,颜色取画布属性「默认线颜色」
  • Ctrl + 左键点击元素可连续多选,多选后支持工具栏对齐与右侧通用属性的批量修改
  • 新增「全屏」按钮;不规则图形支持多点成线、点击首点或双击闭合成环、Esc 结束定点
  • 新增浏览器图标(favicon)并接入 Cloudflare Pages 自动部署
v0.5
2026-10-08 22:15:00
对标手册补齐高级连线与交互事件
  • 连线新增 6 类:波浪、弹性拐弯、向东/西/北/南延伸、仅连到边缘;支持自定义虚线样式
  • 九大交互事件:按下/抬起/移动/悬停/进入/离开/开始拖拽/拖拽/结束拖拽 + 点击
  • 新增进度条图元:方向(横/纵)、进度值,支持数据绑定
  • 文本支持换行;树列表双击定位居中、F2 快速重命名、URL 参数深链接
v0.4
2026-10-08 16:01:52
对标 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 18:20:00
2D 编辑器增强 + 知识库
  • 多选支持:Shift+点击切换选中、拖拽框选、Ctrl+A 全选
  • 对齐工具:左/水平居中/右/顶/垂直居中/底 六向对齐
  • 图层排序:置顶 / 置底
  • JSON 加载:支持从文件导入图纸
  • Ctrl+S 保存、Ctrl+D 多选复制、Delete 多选删除
  • 知识库:收录编辑器使用手册 PDF 与 hightopo 官方文档链接
v0.2
2026-09-30 14:05:00
完整交互 + 主题系统
  • 2D 编辑器:拖入、选中、移动、缩放、删除、撤销/重做/复制
  • 3D 编辑器:形体拖入、选中、变换、属性编辑(纯 CSS 3D 实现)
  • 数据模型集成右侧栏,仅显示画布元素
  • 6 套主题:暗色/B站风/极简白/樱花风/森野绿/烟雨水墨
  • 部署到 Cloudflare Pages
v0.1
2026-09-30 09:30:00
原型初始化
  • 8 个页面:首页/2D编辑/3D编辑/组件库/属性/数据模型/预览/设置
  • 四栏布局:菜单栏 + 组件库 + 画布 + 右侧属性/数据
  • 对标 hightopo HT for Web 功能体系

立即开始编辑

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