开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在Reactjs web应用程序中正确显示.dwg文件

问如何在Reactjs web应用程序中正确显示.dwg文件
EN

Stack Overflow用户

提问于 2022-06-16 09:34:57

回答 1查看 443关注 0票数 0

目前，我想在reactjs web应用程序中呈现一个大型.dwg文件，.dwg文件将从我的django服务器中检索。此外，我将对.dwg文件进行一些筛选，以显示不同IoT设备的坐标。

经过几个小时的研究，我发现在reactjs web应用程序中有两种显示.dwg文件的方法。然而，无论是在reactjs中使用autodesk锻造查看器扩展，都很少有关于如何一步一步地实现该扩展的教程。另一种解决方案是将.dwg文件转换为.dxf文件并在web中呈现。

我想知道哪种解决方案更好，如果我错了，请指出。我是说我真的很想用标准的练习来做。非常感谢。

autodesk-viewer

EN

回答 1

Stack Overflow用户

发布于 2022-06-21 02:23:10

Python用于后端，react.js运行在前端，因此对于其他Forge应用程序来说没有什么特别之处。您可以将它放在Django视图中，因为我对Django框架了解有限。

您只需将Forge包装在一个React组件中，然后将其呈现并挂载到DOM中。此外，在使用Forge之前，您需要调用Model派生API的岗位工作将您的DGW转换为SVF，然后将base64编码的URN传递给查看器react组件。下面是演示的Forge组件，以及关于使用模型派生API的教程

https://github.com/yiskang/forge-viewer-react-component-demo/blob/main/src/Viewer.jsx

顺便说一句，为了将DWG转换成SVF，这里有一个DWG的作业配置的不同之处，因为它不是一个压缩文件。

curl  -X POST \
      'https://developer.api.autodesk.com/modelderivative/v2/designdata/job' \
      -H 'Content-Type: application/json' \
      -H 'Authorization: Bearer <YOUR_ACCESS_TOKEN>' \
      -H 'x-ads-force: true' \
      -d '{
          "input": {
              "urn": "<BASE64_ENCODED_URN_OF_SOURCE_FILE>",
          },
          "output": {
              "formats": [
                  {
                      "type": "svf",
                      "views": [
                          "2d",
                          "3d"
                      ]
                  }
              ]
          }
      }'

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/72643655

复制

相似问题