如果只是stl格式的话，threejs是可以直接前端支持的。不过如果想更简单一些，且有更多的交互功能，可以试试分形三维（fractal3d）引擎，这部分快速入门教程如下，应该10分钟就能跑通一个纯前端demo。

STP属于机械领域的图形交换标准格式，所以没办法像obj那些纯面片格式一样使用threejs，因为STP内部有复杂的机械特征信息。这个市面上有一些开发包可以尝试，开发成本也比较低，不需要专门的图形基础，比如分形三维（fractal3d），其中关于stp、甚至专业三维CAD格式文...

用分形三维(fractal3d) SDK可以，开发成本很低，快的话一两天就能接上。Fractal 3D 提供渲染dwg/dxf 2D文件，并且支持图层和layout等功能。同大多数3D CAD格式一样，在渲染之前需要将待显示的dwg/dxf文件上传到转换服务器中进行转换。和3D 场景相比，使用上有以下不...

可以试试ODA、分形三维（fractal3d），如下是分形三维这部分的教程：Fractal 3D 提供渲染dwg/dxf 2D文件，并且支持图层和layout等功能。同大多数3D CAD格式一样，在渲染之前需要将待显示的dwg/dxf文件上传到转换服务器中进行转换。和3D 场景相比，使用上有以下不同：...

可以试试分形三维（fractal3d）。Fractal 3D 提供渲染dwg/dxf 2D文件，并且支持图层和layout等功能。同大多数3D CAD格式一样，在渲染之前需要将待显示的dwg/dxf文件上传到转换服务器中进行转换。和3D 场景相比，使用上有以下不同：引入脚本地址 {代码...} Instance ...

ODA是可以的；如果想开发更省事简单一些的话，分形三维也可以。Fractal 3D 提供渲染dwg/dxf 2D文件，并且支持图层和layout等功能。同大多数3D CAD格式一样，在渲染之前需要将待显示的dwg/dxf文件上传到转换服务器中进行转换。和3D 场景相比，使用上有以下不同：引入...

可以试试开发引擎：分形三维(fractal3D)，只需要基础的前后端开发知识，就可以支持3D 和 2D常用CAD文件格式的浏览器预览。如下是2D CAD文件的教程：Fractal 3D 提供渲染dwg/dxf 2D文件，并且支持图层和layout等功能。

在fractal 3D中，您可以通过调用 api.hideByName 方法和 api.showByName 方法通过名称来控制零件节点的显示和隐藏。

设置模型显示效果，等同于点击工具栏的渲染按钮选择。fractal 3D支持三种渲染模式，分别是：线框模式着色模式线框着色模式显示效果详细参数在> 此处可以获得

fractal 3D 提供将场景截图到内存的api。您可以选择将结果直接显示在网页上或者导出为图片文件。导出图片到文件示例代码如下： {代码...} 需要在配置中 此处 配置，不然会出现截图失败情况。详细配置参数参考> 此处完整示例请参考Demos中的snap.html

开始标注 {代码...} 监听标注事件示例 {代码...} 获取所有标注数据示例 {代码...} 完整示例请参考demos中的pins.html

简述fractal 3D支持若干种测量功能，包括壁厚、棱边长度、距离、半径、平面夹角、体积，表面积。关闭测量功能可直接使用代码控制关闭部分测量功能监听测量事件不同的测量类型会有不同的测量数据产生，具体测量数据在此处可以获得。示例代码： {代码...} 测量相关事件...

实际工程场景中，往往需要将多个零件组装到同一个场景中形成装配体，以表达一些非常复杂的设计。主流的CAD软件，都支持装配体功能，分形三维同样也具备支持装配体文件的能力。对于复杂格式的装配体，也需要先将原文件转换成e3dx文件。为了保障装配体显示完整，建议先...

Fractal 3D 提供渲染dwg/dxf 2D文件，并且支持图层和layout等功能。同大多数3D CAD格式一样，在渲染之前需要将待显示的dwg/dxf文件上传到转换服务器中进行转换。和3D 场景相比，使用上有以下不同：引入脚本地址 {代码...} Instance 初始化的方法 {代码...} 打开文件...

不同于obj/gltf/fbx等通用格式，为了保护自己的技术专利，主流的CAD软件公司在格式数据结构定义上通常采用闭源的方式，使得在网页上展示它们变得非常困难。fractal 3D 可以支持在网页端流畅渲染几乎所有主流的 CAD 软件格式（参考格式支持清单）,使用的方法就是在将...

本章内容不需要太深的代码基础。完成之后，您就能够掌握使用fractal3D api在网页上渲染一个简单的obj/gltf/fbx/dae/3mf/gcode等文件的方法。

欢迎来到 SegmentFault 思否社区。SegmentFault 是一个面向专业程序员和编程爱好者的技术社区。它由问答和专栏两大块组成，由热心的程序员们创建和维护。在大家的帮助和努力下，我们正在建立一个详细、严谨、高质量的技术知识库，来解决你在编程中遇到的每一个问题。