HT Editor
2D 编辑器 3D 编辑器
暗色
暗色
B站风
极简白
樱花风
森野绿
烟雨水墨
护眼绿
开始编辑 →

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

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

进入 2D 编辑器 进入 3D 编辑器 查看 3D 演示
8
功能模块
86+
内置组件
2D/3D
双模式融合
5
导出格式

功能模块

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

2D 拓扑编辑器

GraphView 画布、节点/连线/组、对齐排列、图层、小地图、吸附网格，完整的 2D 拓扑图纸编辑能力。

查看 2D 编辑器 →

3D 场景编辑器

Graph3dView 三维场景、基础几何体、材质灯光相机、CSS 3D 渲染、轴坐标 Gizmo 与多视角切换。

查看 3D 编辑器 →

属性面板

基本标识、位置尺寸、填充边框、文字样式、3D 形态材质、动画关键帧、数据绑定与事件，五类属性全收录。

查看属性面板 →

组件库

2D 基础图元、拓扑图元、流程、工业组件；3D 形体、设备模型、灯光相机，12 分类 86+ 可拖拽组件。

查看组件库 →

数据模型

DataModel 树形结构、图层显隐锁定、SelectionModel 实时联动、控制台日志输出，三栏并列。

查看数据面板 →

预览与导出

图纸实时预览与状态统计；2D 图纸支持 PNG / SVG / JSON 导出，3D 场景支持 JSON 导出。

查看预览导出 →

核心能力

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

2D / 3D 一体化

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

DataModel 驱动

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

动画编排

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

数据绑定

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

多格式导出

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

丰富组件库

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

图层管理

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

控制台日志

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

矢量图标编辑器

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

版本更新记录

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

v0.63 最新
2026-10-10 18:02:32
存储架构升级 · R2 正文 + 按条键
  • 资源 / 图纸正文迁移至 Cloudflare R2：KV 只留索引与元数据，突破单值 25MiB 与命名空间 1GB 上限，可支撑 1GB+ 图纸库与海量资源
  • 未绑定 R2 时自动降级回 KV，读优先 R2、未命中回退 KV，行为与改造前一致，客户端 API 语义不变
  • 图元库 / 我的素材由整库单键拆为按条独立键（旧数据惰性迁移），规避整库 25MiB 上限与写入配额浪费
v0.62
2026-10-10 17:39:52
自动布局参数化 · 连线智能避让
  • 自动布局参数可调（间距 / 动画时长 / 圆形半径 / 对称内圈 / 力导向迭代与位移），新增「布局参数…」对话框，随图纸保存
  • 连线智能避让：直线 / 仅连到边缘的连线自动绕开途中图元，正交绕行取最短无碰撞路径，导出同样生效
  • 避让开关：画布级「连线智能避让」+「避让间距」，连线级可覆盖（跟随画布 / 总是 / 从不）；画布与连线右键均可设置
v0.61
2026-10-10 16:20:33
账号级回收站（图纸 / 图元 / 素材 / 资源）
  • 图纸 / 图元 / 素材 / 资源删除后进入统一回收站，可一键恢复，不再直接消失
  • 回收站随账号同步（未登录存本机），换设备登录同样可见；恢复重名自动加序号
  • 回收站对话框：按类型筛选（带计数）、逐条恢复 / 彻底删除、清空当前分类
v0.60
2026-10-10 14:51:22
多选差异化批量编辑 · 拖拽体验增强
  • 多选右键「批量编辑选中…」：表格逐项修改位置 / 尺寸 / 文本 / 填充色，仅应用改动项
  • 文件夹拖动显示插入位置指示（前 / 后 / 移入），拖到面板边缘自动滚动
  • 「我的素材」支持拖拽归类：拖到素材文件夹头即归入，拖到空白处移回根目录
v0.59
2026-10-10 14:36:15
素材广场 · 成型原型页（可视化大屏 / HMI / App / Web）
  • 新增整页原型：可视化大屏（驾驶舱 / 云监控 / 能耗 / 交通）、HMI 画面（泵站 / 产线）、App 与 Web 页面
  • 插入整页原型自动套用画布尺寸与底色，并按页左上角对齐 + 适应窗口
  • 卡片带「整页」徽标；插入到非空画布前给出确认
v0.58
2026-10-10 14:28:54
缺陷修复（组合显示 / 组合复制独立 / 跳转空白）
  • 组合默认不显示标题，清空文本后不再回退显示「组合」
  • 复制组合时连同子元素一起复制并重建归属，副本独立，拖动不再带动原组合
  • 跳转超链接自动补全协议；跳转页面在内容未载入时先拉取再切换，避免空白
v0.57
2026-10-10 14:22:09
集成文档（服务端对接规范 · Vue / React 示例）
  • docs/server-api.md：接口清单、错误码、图纸 / 图元 / 连线 / 交互 / 目录树数据格式
  • docs/integration.md：iframe 桥接方式、桥接 API 一览、props/events 约定、Vue 3 与 React 组件封装示例
v0.56
2026-10-10 14:18:41
左侧栏目文件夹排序与拖动增强
  • 文件夹同级自定义排序：拖动到文件夹头上/下边缘插入其前/后，中部才嵌套为子文件夹
  • 拖动经过折叠文件夹头时自动展开，便于继续拖入其子级
  • 自定义顺序随目录树持久化（图页 / 图元 / 资源共用）
v0.55
2026-10-10 14:14:53
2D 低影响项（旋转吸附档位 · DXF 导出 · A* 有向寻路）
  • 旋转吸附角度档位可配：90° / 45° / 30° / 15°（画布属性「吸附档位」）
  • DXF 导出：文件菜单「导出 DXF（CAD）」，圆/文本/图元外框转为标准 DXF 实体
  • A* 最短路径支持有向图（按连线箭头方向判定单向 / 双向）
v0.54
2026-10-10 14:09:37
AI 生成后续（框选区域重绘 · 多版本对比回滚 · 修复选项）
  • 框选区域重绘：可填 X/Y/宽/高，或「从画布框选」后在画布拖拽选取区域，仅重绘区域内元素
  • 多版本对比与回滚：生成结果自动记入版本条（v1/v2…），可切换预览或回滚上一版
  • 自动修复选项：支持保持网格对齐与排除当前选中元素（画布菜单与 AI 预览均可）
v0.53
2026-10-10 14:04:24
素材广场后续（素材参数化 · 我的素材文件夹 / 导入导出）
  • 素材参数化：KPI 卡等 8 类素材支持插入前填写文案（标题 / 数值 / 单位等）
  • 我的素材文件夹归类：按文件夹分组，右键「移动到」，文件夹可新建子文件夹 / 重命名 / 删除
  • 我的素材导入 / 导出：素材面板「⋯」菜单支持 JSON 导出与导入（重名自动加序号）
v0.52
2026-10-10 13:59:23
图页导出后续（PDF · 演示包设置 · 保留目录结构）
  • 导出 PDF：单张「导出 PDF」或批量「PDF（多页合一）」，自研最小 PDF 生成器（内嵌 JPEG，无第三方库）
  • 离线演示包设置：可自定义标题、上传封面、设置分享口令（前端校验 + 数据混淆）
  • 批量导出保留目录结构：ZIP 内按文件夹层级打包（默认勾选）
v0.51
2026-10-10 13:49:52
左侧栏目文件夹拖动 + 多层级子文件夹
  • 文件夹拖动：图页 / 图元 / 资源三个栏目的文件夹头均可拖拽，拖到另一文件夹即移入，拖到空白处移回根目录
  • 多层级子文件夹：支持任意层级嵌套；图页文件夹右键新增「新建子文件夹」，新建后自动展开父级
  • 循环保护：禁止把文件夹移入自身或其子孙目录
v0.50
2026-10-10 13:44:45
交互增强（分组页面可视化管理 · 翻页方向感知）
  • 分组页面可视化管理：交互面板新增「分组页面」区块，支持上移 / 下移排序与重命名，顺序随图纸保存
  • 未选中图元时也可管理：属性面板无选中时仍展示「分组页面」与「交互设置」两个文档级区块
  • 翻页方向感知：按页面顺序自动判定前进 / 后退，滑动动效区分方向（右侧 / 左侧进入）
v0.49
2026-10-10 13:23:58
素材广场增强（收藏 · 最近使用 · 拖拽插入）
  • 素材分类收藏：卡片星标 ★/☆ 一键收藏，新增「★ 收藏」分类（localStorage 持久化）
  • 最近使用：插入 / 拖入的素材自动记入「⟲ 最近使用」（最多 12 条，去重、最新在前）
  • 拖拽插入：素材卡片可拖到画布，在落点居中插入（内置素材与「我的素材」均支持）
v0.48
2026-10-10 13:16:38
AI 生成后续（一键自动修复 · 局部重生成 · 素材联动）
  • 一键自动修复：越界图元移入画布、严重重叠图元就近避让；AI 预览区与「编辑」菜单均可用，计入撤销历史
  • 局部重生成：勾选「仅重绘选中元素」后点「继续补全」，只让模型重绘选中的图元，其余保持不变
  • 素材广场联动：系统提示词自动注入内置素材清单（7 分类 46 项），引导模型复用同名 / 同类素材风格
v0.47
2026-10-10 13:09:21
批量 / 整库导出（多选图纸打包 ZIP）
  • 批量导出对话框：勾选图纸（默认全选）+ 选择格式 → 打包为一个 ZIP
  • 格式：源文件 .ht.json（可再导入）/ JSON / SVG 矢量 / PNG 图片（2×）
  • 入口：图页空白右键「整库导出」、文件夹右键「导出该目录」、图纸右键「导出 ▸ 批量导出图纸」
  • ZIP 内含 manifest.json 索引（版本 / 导出时间 / 每张成功与失败原因）
v0.46
2026-10-10 13:01:21
我的素材（自定义素材 + 账号级持久化）
  • 素材广场新增「我的素材」：选中图元（含组合与内部连线）点「＋ 存为素材」即可沉淀复用
  • 账号级持久化：HtStore 新增 materials 命名空间，Worker 新增 /api/materials 并纳入同步与清理
  • 素材卡片支持右键重命名 / 删除；缩略图由选中元素实时生成
  • 存为素材按包围盒归一化（含连线控制点），插入时自动居中并计入撤销历史
v0.45
2026-10-10 12:52:22
交互增强（监听目标可搜索 · 分组页面翻页动效）
  • 目标选择器抽为可复用组件，交互「目标」与「监听目标（组件状态）」共用模糊搜索 + 组合分层
  • 监听目标（组件状态变化）支持模糊搜索与组合分层，替换原扁平下拉
  • 分组页面切换新增「翻页动效」：淡入淡出 / 左右滑动 / 无（随图纸持久化）
v0.44
2026-10-10 12:09:58
旋转角度吸附 + 吸附参数可配
  • 旋转靠近 90° / 180° / 270° / 360°（及倍数）时自动吸附，多选按主轴对齐并保持相对角度
  • 吸附时在旋转锚点显示十字参考线 + 「已吸附 90°」徽标，随缩放补偿线宽字号，松手即隐藏
  • 画布属性新增「旋转吸附」开关与「角度阈值」（默认 6°）；按住 Ctrl 临时关闭
  • 原硬编码常量改为可配置：吸附阈值（屏幕像素）与吸附步长（画布像素），随图纸持久化
v0.43
2026-10-10 11:57:01
交互目标增强（模糊搜索 · 组合分层 · 分组页面跳转）
  • 交互设置「目标」改为可搜索分层选择器：模糊匹配名称 / 类型（如「页面」「按钮」「设备」）
  • 组合分层：组合可作为整体选择，组内元素缩进列出可单独选择；命中组合名自动展开全部子元素
  • 「跳转页面」支持分组页面（同图纸）：跳转后显示目标组合、隐藏其它组合，实现多组合翻页
  • 新增分组页面返回栈；预览进入时自动显示第一个分组页面
v0.42
2026-10-10 11:49:26
素材广场（对标墨刀素材广场）
  • 左侧新增「素材」页签：7 大分类共 46 项原型素材，支持分类筛选与模糊搜索
  • 分类：大屏看板 / 移动端 / 表单控件 / 图表 / 拓扑图标 / 装饰元素 / 页面模板
  • 单击素材卡片即插入到画布视图中心，自动分配 id、选中并计入撤销历史；连线随素材一并插入
  • 每项素材自动生成 SVG 缩略图，面板内直接预览
v0.41
2026-10-10 11:40:34
AI 生成增强（模板库 / 多轮澄清 / 结果预览 / 流式 / 校验）
  • 提示词模板库：大屏看板 / 移动端 App / 表单页 / 网络拓扑 / 数据报表，切换即填充需求并锁定画布尺寸
  • 风格预设 5 种：深色科技风 / 极简白 / 明亮蓝 / 暖橙 / 商务灰，统一控制配色观感
  • 多轮澄清与「继续补全」：携带对话历史，在已有结果上继续补充，要求返回完整 JSON 不删原元素
  • 结果预览确认：缩略图 + 元素清单 + 越界/重叠校验，确认后再载入画布；支持 SSE 流式进度
v0.40
2026-10-10 11:33:54
导出保真巡检（可见性一致性）
  • 构造覆盖 24 种图元 + 连线 + 隐藏图层 + 旋转 + bg2 裁切的回归样例图纸，逐项比对画布与导出产物
  • 修复可见性不一致：visible:false 的图元画布不显示却被导出，改用与画布一致的 isVisible 判定
  • 巡检结论：SVG 27/27 图元全导出、标签结构正确、无解析错误；PNG 1×/3× 尺寸与内容均正确
v0.39
2026-10-10 11:25:30
导出保真修复（SVG / PNG / JPG 图元丢失）
  • 修复 buildSVG 属性拼写缺陷：opacity 被误拼进 transform，导致整份 SVG 从第一个图元起解析失败、后续全部丢失
  • 改为标准 <g transform="translate(x,y)" opacity="1">，SVG 导出恢复完整（位置 / 旋转 / 透明度正确）
  • 补声明 xmlns:xlink 命名空间，修复 UI 组件内嵌图片触发的解析错误；PNG / JPG 复用同一光栅化管线一并修复
v0.38
2026-10-10 11:09:53
图页导出（JSON / SVG / 位图 / 源文件 / 离线演示包）
  • 左侧「图页」栏目右键新增「导出 ▸」二级菜单（对标墨刀项目右键导出）
  • 导出 JSON / SVG / PNG… / JPG…：复用画布真实导出管线，1×–4× 矢量光栅化，保证不失真
  • 导出源文件 .ht.json（可再次导入编辑）；导出离线演示包 ZIP（自包含 index.html + 静态资源，本地双击即可演示）
  • 非当前图纸导出后自动恢复原图纸，不影响当前编辑
v0.37
2026-10-10 10:58:56
AI 生成原型（可配置大模型 API + 内置演示）
  • 新增「AI」菜单与生成对话框：可配置 Base URL / API Key / 模型 / 温度 / 需求描述（存本机）
  • 调用 OpenAI 兼容 /chat/completions，模型返回图纸 JSON（含组件状态与交互），容错解析后直接载入
  • 内置演示生成器（无需联网）：一键生成「地铁车站汛情监测系统」大屏，49 图元 + 4 连线 + 6 变量
  • 内置演示含完整交互：泵单击打开详情浮层 + 切换状态 + 设置变量、启动/停止排水多动作串联、载入动效与超阈值告警
v0.36
2026-10-10 10:46:57
墨刀式交互增强：串联排序 · 浮层位置与动效 · 状态差异化
  • 多动作串联与排序：同一触发方式下多条交互按顺序执行，右键可上移 / 下移 / 复制 / 删除
  • 浮层打开位置（居中 / 顶部 / 底部 / 左侧 / 右侧）与出入场淡入淡出动效
  • 组件状态差异化编辑：新增「更新」用当前属性覆盖指定状态快照
v0.35
2026-10-10 10:36:47
墨刀式交互：触摸手势 · 摇一摇 · 监听
  • 触摸手势：预览态支持触摸左右上下滑动触发，与鼠标拖拽共用判定
  • 交互面板新增「交互设置」：滑动阈值 / 长按阈值 / 摇一摇灵敏度，随图纸持久化
  • 摇一摇：devicemotion 判定，桌面端预览提供「摇一摇」模拟按钮，桥接新增 HtEditor.shake()
  • 监听：新增 listen 触发方式（监听变量变化 / 组件状态变化）；触发方式补齐至 18 种
v0.34
2026-10-10 10:23:38
墨刀式交互：浮层 · 组件状态 · 变量
  • 浮层：右键「设为浮层 / 取消浮层」，预览态由「打开 / 关闭 / 切换到浮层」显示，带遮罩且置顶
  • 组件状态：交互面板添加（记录当前属性快照）/ 应用 / 删除，行为「切换组件状态」按名称回放
  • 变量：文档级变量表随图纸持久化，「设置变量值」「条件判断」（含嵌套则执行）；属性写 $var.名称 实时替换
  • 交互行为补齐至 16 种（页面 3 + 组件 8 + 浮层 3 + 逻辑 2）
v0.33
2026-10-10 10:01:51
墨刀式交互引擎（触发方式 → 行为）
  • 图元级交互数据模型 el.ix[]：触发方式 / 触发时机 / 行为 / 目标 / 参数 / 动效时长 / 延迟
  • 触发方式 16 种、行为 10 种（单击 / 双击 / 长按 / 滑动 / 载入时 … → 跳转页面 / 显示隐藏 / 变换 / 设置动效 …）
  • 右侧属性面板新增「外观 / 交互」页签；交互面板分组 + 快速预设 + 交互设置弹窗
  • 预览模式执行引擎：延迟与动效时长生效，载入时自动触发
v0.32
2026-10-10 09:53:30
符号 / 图片 / 导入保真：低影响项清理
  • 符号属性值类型补齐 date / array / object，类型下拉统一取 HTSymbol.listAttrTypes()
  • 图片组件支持直接填图片 URL（https://… 或 dataURL），与本地文件上传并存
  • SVG 路径采样上限 600 → 1200 且可配置；符号保存提示与真实存储一致
v0.31
2026-10-10 09:45:03
撤销重做覆盖范围：跨图纸 · 文档列表 · 视图
  • 跨图纸：历史不再因切换图纸清空，每条快照自带 docId，撤销自动切回所属图纸
  • 文档列表：新建 / 关闭 / 全部关闭 / 重命名图纸写入独立快照，可整体撤销重做
  • 视图：缩放平移进入历史（与上一条画布未变的记录自动合并，避免刷屏）
v0.30
2026-10-10 09:34:50
符号编辑器：绘制函数落地 · 图层面板落地
  • 绘制函数写入符号（drawFn），渲染时以最底层栅格底图内嵌（2× 超采样），画板 / 导出 / 缩略图同步生效
  • 符号图层落地：图元编辑模式下「图层」面板支持新建 / 重命名 / 显隐 / 锁定 / 删除 / 归属；隐藏不渲染、锁定不可选
  • 符号图层与画布图层同构，随导出 JSON 持久化；组件大纲标注所属图层并置灰已隐藏图层
v0.29
2026-10-09 18:57:18
2D ↔ 3D 跨视图联动（共享数据模型）
  • 3D 新增共享数据模型适配器 Ht3D.model()，与 HtEditor.model() 同构
  • 跨视图联动：任一视图点选对象，另一视图自动高亮同名对象；数据变更互相提示
  • 「视图」菜单新增「跨视图联动：开 / 关」开关；桥接新增 link / linkEnabled
v0.28
2026-10-09 18:43:39
3D 环境光遮蔽（SSAO）与景深（DoF）
  • SSAO：深度预通道 + 16 次螺旋采样深度差 + 高斯模糊去噪，强度与采样半径可调
  • 景深：按到对焦面的距离计算弥散圆，与模糊结果按 CoC 混合，对焦距离 / 范围 / 强度可调
  • 后处理链重构：泛光 / SSAO / 景深共用一条合成链路，按需开启、未开启无额外开销
v0.27
2026-10-09 18:37:11
3D 模型导入（OBJ / glTF）
  • 文件菜单新增「导入 3D 模型」，支持 .obj / .gltf / .glb
  • OBJ 支持 v//vn、负索引、多边形三角化，缺法线自动重算；glTF 支持 data: URI 与 .glb BIN 块
  • 导入后自动居中归一化并保持原始比例，可选中 / 移动 / 改材质 / 参与阴影与拾取；大模型启用 32 位索引
v0.26
2026-10-09 18:28:55
SVG 导入增强
  • 支持 <use> 引用复用（图形 / 容器 / <symbol>，含 x/y 偏移）
  • 支持内嵌位图 <image>（data:image 转为「图片」组件）
  • 支持 <tspan> 富文本逐行还原；渐变 / 图案填充取起始色标近似着色
v0.25
2026-10-09 18:24:04
文本自动换行 · 连线端点连接点 · 资源库行为统一
  • 文本自动换行：Canvas 渲染与 SVG 导出按宽度折行，与 DOM 渲染一致，不再溢出元素外
  • 连线端点连接点（anchor）：起点 / 终点可指定上中、下中、四角、中心等位置，或自动边界求交
  • 资源库行为统一：图片支持右键插入画布，DXF 支持矢量缩略图预览
v0.24
2026-10-09 18:15:15
图形顶点增删编辑
  • 不规则图形 / 折线 / 点集支持增删顶点：双击按最近线段插入，选中顶点后 Delete 删除
  • 点击顶点进入点编辑态并高亮；图元右键菜单新增「编辑控制点」「删除该顶点」
  • 快捷键面板补充顶点编辑说明
v0.23
2026-10-09 18:09:13
UI 组件画布画笔与导出保真
  • 新增 UI 组件画布画笔（覆盖全部 41 种组件），Canvas 渲染模式不再是「矩形 + 文字」
  • SVG 导出中的 UI 组件改为内嵌 2× 栅格，外观与画布一致；PNG/JPG 导出同步保真
  • 表格 / 网格 / 设备 / 图标 / 进度条 / 列表 / 时间轴 / 步骤条等外观统一
v0.22
2026-10-09 18:03:02
2D 连线事件 · 标签关联 · 复制带连线 · 导出增强
  • 连线事件系统：连线支持与图元一致的 13 种事件，选中连线即可编辑，预览模式生效
  • 标签动态关联：事件内可用 $api.find / $api.fire / $api.tags 按标签触发任意图元或连线的事件
  • 复制粘贴带连线：复制图元自动带上选区内的连线，单独复制连线也可粘贴
  • 导出增强：SVG 补齐网格/设备/图标/进度条/裁切/箭头/角标矢量外观；PNG/JPG 支持 1×–4× 清晰度
v0.21
2026-10-09 17:52:17
连线「显示文本」与「标签」拆分
  • 连线新增独立「标签 tag」属性，用于后续动态事件关联，不在画布渲染
  • 双击连线就地编辑的对象明确为「显示文本」（连线中点文字），与标签彻底分离
  • 选中连线时按 F2 改为编辑标签，与图元 F2 编辑名称的行为对齐
v0.20
2026-10-09 17:34:13
3D 阴影质量修复
  • 修复阴影自阴影痤疮：调整深度偏移 bias 至 0.005，消除地面等受光面上的自阴影噪点
  • 收紧方向光正交视锥深度区间（[1, 7r] → [1.5r, 4.5r]），提升深度精度、减轻阴影悬浮
v0.19
2026-10-09 17:25:24
3D 阴影贴图与管道绘制
  • 方向光阴影贴图：1024² 离屏深度（RGBA 打包）+ 3×3 PCF 软阴影，强度可调，透明对象不投影
  • 管道绘制工具：工具栏「管道绘制」在地面逐点生成路径（双击 / 回车完成、Esc 取消），渲染为圆柱段 + 球关节
  • 管道元素支持任意折点，可选中 / 移动 / 改材质，并参与阴影与拾取
v0.18
2026-10-09 16:51:59
3D 材质编辑 · 场景氛围 · 泛光后处理
  • 材质编辑：自发光颜色 / 强度 + 5 种材质预设（金属 / 塑料 / 玻璃 / 哑光橡胶 / 发光体）
  • 场景氛围：背景纯色 / 渐变、环境光强度、雾化（开关 / 颜色 / 近远）
  • 泛光（辉光）后处理：亮部阈值 + 两遍高斯模糊 + 叠加，强度与阈值可调
  • 渲染层级：透明对象按相机距离排序，修复透明穿插错乱
  • 3D 属性面板新增「场景」标签页
v0.17
2026-10-09 16:42:50
3D 渲染底座升级为 WebGL 与形体迁移
  • 3D 渲染底座由 CSS-3D 升级为零依赖自研 WebGL 引擎：透视相机、轨道旋转 / 平移 / 缩放、Blinn-Phong 光照、金属度 / 粗糙度 / 透明度、地面网格
  • 形体迁移：立方体 / 球体 / 圆柱 / 圆锥 / 圆环 / 平面 / 墙面 / 管道 全部改为真实 3D 网格
  • 新增「深度 D」尺寸属性；墙面为薄板、管道为沿 X 轴管件
  • 交互重建：颜色缓冲拾取、地面拖拽移动、屏幕空间手柄缩放、空白拖拽旋转、中键 / Alt 平移、滚轮缩放、双击聚焦、Ctrl / Shift 框选
  • 标签与手柄改为 DOM 叠加层，随相机实时投影
v0.16
2026-10-09 16:27:56
对标 HT：视图级事件 · 过滤重载 · A* 寻路 · 共享模型
  • 视图级事件总线 mi(e)：clickData / doubleClickData / clickBackground / beginRectSelect / endRectSelect / hover / beginMove / endMove / beginPan / endPan / 方向键移动 / zoomEnded
  • 过滤与重载：setSelectableFunc / setMovableFunc / setVisibleFunc
  • A* 最短路径：选中两个节点右键计算，路径高亮，Esc 清除
  • 共享数据模型与选中联动：HtEditor.model（each / size / get / getSelection / setSelectionByNames / on）
  • 属性值类型扩展：日期 / 数组 / 对象
v0.15
2026-10-09 16:20:17
对标 HT：图元补齐 · 属性动画 · 可拖拽面板 · 扩展点
  • 新增「折线」(Polyline) 与「点集」(Points) 图元，支持顶点控制点拖拽编辑
  • 新增「网格数据」(Grid) 图元：带行号与表头的数据网格
  • 属性动画：X/Y/宽/高/旋转/透明度 + 7 种缓动 + 往返循环（工具栏「动画」/ 视图菜单）
  • 可拖拽面板分割条：左右栏宽可拖动并自动记忆
  • 配置化与扩展点：HtEditorConfig 控制显隐、HtEditor.addToolbarButton / addMenuItem 注册扩展
v0.14
2026-10-09 16:13:30
对标 HT：角标 · 查询 · 动画 · 事件派发
  • 角标体系 note/note2/icon/icons（左上图标、右上 note2、左下 note、右侧 icons 竖排），属性面板新增「角标」分组
  • 补齐节点事件：双击 / 右击 / 滚动（预览模式生效）
  • 快速查询器：Ctrl+F 搜索并定位图元（↑↓ 选择、回车跳转）
  • CSS 动画：闪烁 / 呼吸 / 发光 / 脉冲
  • 对外事件派发 API：HtEditor.on('change'|'select'|'save'|'add'|'remove')
  • UI 组件库补充「多列布局器」「调色板」，共 41 种
v0.13
2026-10-09 15:23:55
对标 HT UI 组件库与 3D 预置模型
  • 新增「UI 组件」图元库共 39 种（按钮 / 标签 / 文本框 / 复选 / 单选、8 种布局器、面板 / 对话框、列表 / 树 / 表格 / 树表格、下拉框 / 颜色选择器、消息 / 弹框 / 进度条 / 拉条、属性页 / 表单、面包屑 / 侧边栏 / 菜单、轮播图 / 时间轴 / 评分、上传 / 标签 / 步骤条、抽屉 / 网格 / 数据面板），可直接拖入画布
  • 组件调色板按说明书分为 11 个分组，属性面板新增「UI 组件」分组可切换类型
  • 3D 编辑器新增预置模型「墙面」「管道」
v0.12
2026-10-09 15:17:19
对标 HT：自动布局 · 流动 · 告警
  • 自动布局：圆形 / 对称 / 层次 / 朝北·南·东·西 / 弹力布局，可作用于选中或全部图元，带过渡动画
  • 连线流动动画：流动开关 / 反向 / 步进 / 点间距 / 点大小 / 颜色，工具栏、视图菜单、快捷键 F 控制
  • 告警体系：六级告警、新发与确认、分组传播、告警冒泡 note2、填充与边框告警配色
  • 告警统计对话框：按等级查看新发 / 确认数量并可切换告警传播
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 编辑器，体验完整的拓扑可视化编辑流程

2D 编辑器 3D 编辑器
HT Editor Prototype · 基于 hightopo HT for Web 功能体系设计 · 2D/3D 合并拓扑编辑器