solidworks composer 不支持在导出的 html 中手动使用 map/area 标签定义热点，因其交互基于 svg 元素与 composer.js 运行时绑定，必须通过内置“热点”功能设置 link 属性实现。
直接说结论：SOLIDWORKS Composer 本身不支持在导出的 HTML 中用 map/area 标签手动定义热点区域；它生成的交互热点是基于 SVG 元素的原生绑定，必须通过 Composer 内置的“链接”属性和“热点（Hotspot）”功能实现，且导出后依赖 composer.js 运行时解析。
为什么不能直接写 map/area 标签
Composer 导出为 HTML 时，3D 模型被转为嵌入式 SVG（或 WebGL，取决于导出设置），所有可交互对象都是 SVG <g></g> 或 <path></path> 元素，不是位图图片。所以你无法像处理普通 <img> 那样用 usemap 关联热区坐标——SVG 内部没有像素坐标映射表，也没有 map 的语义支持。
常见错误现象：
• 手动在导出的 HTML 里加 <map></map> 和 <area>，但点击无效
• 用 JS 绑定 area[data-region]，发现根本查不到这些元素（因为导出结构里压根没生成 area）
• 误以为修改 SVG 源码就能生效，结果下次重新导出就被覆盖
工作流任务拆解与模型编排技能。使用场景：(1) 收到复杂工作任务需要拆解为可执行步骤，(2) 需要为不同步骤选择最合适的模型，(3) 需要跟踪工作流进度和模型使用情况，(4) 长时间任务卡住需要问题诊断和解决方案。
- Composer 的交互逻辑全部由
composer.js控制，它监听的是 SVG 元素上的data-composer-id、data-composer-link等自定义属性 - 所有跳转、视图切换、PDF 打开等行为，都靠设置零件或组的
Link属性值（如view://1、file://manual.pdf）触发 - 试图绕过 Composer 自己拼 HTML + JS，会丢失模型层级、动画状态、视角同步等上下文
正确设置热点的三步操作
Composer 内建的 Hotspot 功能就是为此设计的：它把多个零件打包成一个逻辑组，并赋予统一链接行为，同时支持悬停高亮和颜色定制。
- 在设计模式下，按住 Ctrl 多选要作为热点的零部件（比如整个电机外壳+端盖）
- 右键 → 创建热点，或从顶部菜单 插入 > 热点；此时会生成一个新组，名称默认为
Hotspot_1 - 在右侧 属性 面板中找到
Link字段，填入目标指令：
– 跳转到视图：view://电机拆解（注意：视图名必须完全匹配，含空格）
– 打开 PDF：file://./docs/motor_assembly.pdf（路径为相对路径，需与 HTML 同目录）
– 外部链接：https://example.com - 勾选
Highlight on hover，再点色块修改悬停颜色（避免用纯绿，易与默认高亮冲突）
导出后确保链接生效的关键细节
即使设置了 Link，导出 HTML 后仍可能点击无反应——问题通常不在配置，而在路径或运行环境。
-
view://类链接只在 Composer Web Player 环境下有效；如果直接双击 HTML 打开（file://协议），现代浏览器会因跨域限制禁用composer.js的部分功能；必须部署到本地服务器（如 Python -m http.server）或正式域名下 - PDF 或 SVG 链接中的路径必须是相对路径，且文件需与导出的 HTML 在同一级目录，或按子目录结构严格对应（例如
file://./assets/manual.pdf要求存在./assets/manual.pdf） - 如果用了中文视图名（如
view://电池更换步骤），导出时 Composer 会自动 URL 编码，但某些旧版 Web Player 可能解析失败；建议视图名用英文+下划线 - 导出前务必点击右下角 关闭设计模式，否则所有交互逻辑不会被写入 HTML
最容易被忽略的一点：热点的“悬停高亮”效果依赖 composer.js 注入的 CSS 类，如果你在导出后手动删了 <link rel="stylesheet"> 或覆盖了 .composer-hotspot-hover 样式，高亮就会消失——这不是 bug，是样式链断裂。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
