SOLIDWORKS Composer的交互式内容一览

文章来源：SOLIDWORKS代理商-卓盛信息

即使对于最简单的产品，寻找替换零件通常也很麻烦。如果不需要唯一的SKU或部件号，调用客户服务并试图破译您尝试订购的确切小部件几乎是不可能的。SOLIDWORKS代理商说真的，谁手边有这个？！幸运的是，SOLIDWORKS Composer有一种简单的方法来生成交互式2D Web内容，可以帮助探测组件以完美识别这些部件  （请查看这些示例）。  SOLIDWORKS代理商将指导您完成从CAD数据创建这些交互式图像的四个步骤。

正版SOLIDWORKS创建交互式内容的过程实际上归结为4个简单步骤：

创建视图

创建链接

将图像导出为SVG

嵌入HTML

第一步：创造视图

让SOLIDWORKS代理商来看一下这些步骤，从在SOLIDWORKS Composer中捕获交互式图像开始。热点可以非常方便地从顶层组件中选择子组件作为起点。确定您打算如何分解程序集以轻松导航。通过查找热点并覆盖默认颜色选项，每个热点都可以拥有自己独特的颜色。SOLIDWORKS代理商还建议重命名这些热点以描述子装配，当悬停在工具提示上时，这些标注可见。

分配子装配热点

热点属性

SOLIDWORKS代理商从这个组件中选择了电池组并创建了另一个视图（连接视图的链接将在第二步中添加，因此您现在不必担心这一点）。使用变换工具，可以轻松创建爆炸视图。购买SOLIDWORKS，通常使用更简化的子组件，这足以解决找到适当的部件，特别是在创建交互式物料清单时。这是一个简单的过程，因此可以将一个附加到您创建的每个爆炸视图。

从爆炸视图创建BOM

从选择中创建BOM

您需要窗口选择要包含的爆炸项目

生成BOM ID

创造气球

显示/隐藏BOM表

当然，这些都有定制属性值得玩，以给出一个很好的最终外观，所以花一些时间熟悉这些。正版SOLIDWORKS始终启用BOM突出显示以获取爆炸视图和实际表之间的反馈。SOLIDWORKS代理商通常会调整文本大小，将样式更改为参数化并为表格本身添加一些阴影，但实际上它取决于用户偏好。

交互式BOM /零件清单

BOM属性

快速生成单个零件视图

购买SOLIDWORKS，从您创建的爆炸视图中为每个零件构建视图是一个非常快速的过程。首先右键单击子装配体爆炸视图中的零件，然后选择“显示选择并隐藏其他”将一步到位。然后只需对视图进行快照并返回到爆炸视图以重复此过程。实际上，我们在第一步中要完成的工作是获取每个子组件的快照，然后是每个部件，如果您想为最终用户提供那么多深度。SOLIDWORKS价格，在某些情况下，交互式BOM就足够了，在其他情况下，您可能希望将额外的步骤转到单个部分。

显示选择并隐藏其他

所有零件，装配和子装配视图

添加Web按钮

这也是向您捕获的视图添加任何支持图像的好机会。

SOLIDWORKS代理商专业提示：抓住常用图标来补充Composer在安装中附带的内容。主页，后退，前进，不同视图，可能添加到导航的任何内容都可以以2D图像格式完成，并从研讨会添加到您的图像库中。

自定义2D库

第二步：创建链接

这使我们进入第二步，创建链接。链接可以从任何东西创建几乎任何东西。购买SOLIDWORKS，对于这种类型的内容，我们需要的是从我们定义的装配热点和爆炸视图的零件到相应视图的链接。基本上，从顶层钻到子组件，再到爆炸视图，最后到最后一部分。

现在这里是SOLIDWORKS代理商秘诀：不是链接到VIEW本身，而是将它链接到将从该视图创建的SVG文件。  例如，从主菜单中我将创建从电池组热点到'battery_pack.svg'的链接。我们将在导出svg文件时在下一步中创建这些文件。创建矢量图像文件时，会在SVG文件内创建这些链接。正版SOLIDWORKS，一旦在线加载或在本地测试（我推荐Chrome），只要它们位于相同的根目录中，一切都应该无缝地工作。

创建SVG链接

现在您已经创建了链接并更新了所有视图，现在可以开始保存SVG文件了。SOLIDWORKS代理商喜欢做一系列测试图像，以确保最终的图像看起来不错。在技术插图的研讨会下，您可以细化线宽，添加/删除颜色并更改轮廓样式，并通过预览按钮测试最终的svg图像。以下是SOLIDWORKS代理商通常用于黑白SVG输出的设置：

推荐的SVG输出设置

第三步：将图像导出为SVG

接下来是第三步，将SVG文件导出到公共目录。我在保存HTML文件的相同位置使用'_svg'子文件夹。这样可以很容易地引用“主菜单”SVG文件，然后引用所有后续的svg文件。当您保存这些图像时，SOLIDWORKS Composer还将在同一位置创建一系列子文件夹以保存任何支持图像（如我上面提到的导航图标）。将这些文件保存在此目录中。每个支持2D图像都获得一个新名称，并在SVG文件中引用。购买SOLIDWORKS， 如果图像使用多个图像，您可以创建单个图像实例，但必须在SVG中查找和重命名，并且真的不值得花费额外的时间来节省几千字节的空间。

保留HTML目录中的导出图像

这就是交互式内容创建。此时，您应该能够打开第一个图像，在这种情况下，我将第一个SVG命名为我希望我的最终用户以“Myomo Home.svg”开头。购买SOLIDWORKS，由于创建的所有链接都引用了其他SVG文件，因此将在浏览器中打开下一个图像。开始测试并确保所有链接都有效。

如果您发现它们不起作用，请在SOLIDWORKS Composer中检查链接确实指向正确位置的SVG文件，并且还取消选中事件属性中的“打包链接资源”以保持SVG文件分离。这使得更新文件更容易。

取消选中“打包的链接资源”

第四步：嵌入HTML

现在，这只是最后一步，添加HTML代码行以引用SVG文件并上传到托管服务。当然，谷歌搜索如何添加一个SVG链接HTML，但所需的基本行就是这个（你的语法会有所不同）：