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.11 最新
2026-10-09 15:07:37
连线标签就地编辑
  • 双击连线进入连线标签文本就地编辑(回车确认、Esc 取消、点击别处自动提交)
  • 连线右键菜单新增「编辑标签」入口;控制点编辑模式下双击仍为插入控制点
v0.10
2026-10-09 15:02:59
左侧栏目多选与批量归类
  • 修复左侧「图元 / 资源」新建文件夹后无法把条目拖入的问题(落点改为整个文件夹区域,含子项区域)
  • 左侧「图页 / 图元 / 资源」支持 Ctrl+左键多选、Ctrl+A 全选、空白处按住左键框选
  • 多选后可整体拖拽移入 / 移出文件夹,右键支持批量删除(Delete 键亦可)
  • 图页改为单击选中、双击打开,避免多选时误打开图纸;资源改为双击预览
v0.9
2026-10-09 14:54:23
图元编辑与右侧面板修复
  • 修复图元编辑画板空白:渲染时用符号自定义属性默认值回填,避免 attr@ 绑定解析为空导致图形不可见
  • 左侧「图元」右键新增「在新标签页编辑」入口(原独立图标编辑器),并保留「编辑(当前页)」
  • 取消图元单击即插入画布:仅拖拽图元到画布才插入,并落在拖拽位置
  • 修复右下角「数据模型 / 图层」被属性面板挤出视口:网格行改用 minmax(0,1fr) 约束高度,两栏各自滚动
v0.8
2026-10-09 14:37:20
图元编辑与栏目拖拽体验
  • 默认改用 div 画布渲染模式(Canvas 渲染模式改为默认关闭,可随时切换)
  • 右下角「数据模型 / 图层」面板常驻显示,选中任意图元只切换右上属性面板
  • 左侧「图页 / 图元」新增缩略图视图拉动栏:默认显示缩略图,向左为默认大小、向右放大
  • 「资源」栏目支持直接从 Windows 文件夹拖拽文件导入;资源与图元均可拖入画布编辑
  • 修复矢量图元编辑:SVG 导入的 path 细节自动采样为可拖动 / 可缩放的组件
  • 双击图元改为在当前页进入图元编辑(不新开标签页),右上切换为符号属性,数据模型与图层保留
  • 「图元 / 资源」栏目支持右键新建文件夹,并可拖动条目归类存放
v0.7
2026-10-09 12:03:00
栏目面板与渲染体验修复
  • 修复「资源」栏目被错误嵌套进「组件」栏目、导致导入 / 导出入口不可见的问题
  • 左侧图页 / 图元 / 资源栏目支持右键菜单:新建、重命名、删除、导入 / 导出
  • 新增 Canvas 画布渲染模式(默认开启,可一键回退 DOM 渲染)
  • 「适配窗口」修复点击卡死,改为自适应缩放至刚好显示全部图元;图标与「全屏」区分
  • 「全屏」改为隐藏 / 恢复左右栏目;预览模式改为新标签页打开
  • 新增护眼绿(亮绿色)主题
  • 修复双击元素就地编辑文本(mousedown 默认聚焦导致编辑框瞬间失焦被移除)
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 编辑器,体验完整的拓扑可视化编辑流程