时间戳

首页 > 解决方案 > 使用 Stl Viewer Javascript 插件无法在 ASP.NET Core MVC 网页中呈现 3D 模型

javascript - 使用 Stl Viewer Javascript 插件无法在 ASP.NET Core MVC 网页中呈现 3D 模型

问题描述

我使用他们的远程托管选项进行了此操作，但是速度很慢。我浪费了很多时间试图让 JS 插件工作。

我无法让 3d 模型显示在 div 内，如他们的指南所示：https ://www.viewstl.com/plugin/#usage 。

我的页面上有 div 容器，如下所示：

<div id="stl_cont" style="various color and size stuff">Rendering 3D... Please Wait</div>

我在 wwwroot 的 js 文件夹中拥有所有 js 文件，所以我有这个：

<script src="~/js/stl_viewer.min.js"></script>

（如果我查看源代码，我可以单击 min.js 的链接，它会显示在浏览器中，所以我假设路径也是有效的）

接下来我有这个代码：

<script>
    var stl_viewer = new StlViewer(document.getElementById("stl_cont"),{models:[{ id: 0, filename: "https://www.exploredungeons.com/3dmodels/012/filename.stl", load_three_files: "js" }]});
</script>

我可以查看源代码并单击 STL 文件的链接，它将下载，因此路径似乎是正确的。

如果有帮助，我正在运行 ASP.NET CORE MVC。当我运行并指向远程服务时，一切正常。我无法弄清楚缺少什么。

标签： javascriptasp.net-core-mvc3d-modelstl-format

解决方案

当我直接从文件夹中删除所有相关的 js 文件时，它可以工作。wwwroot/js并wwwroot更改为使用

<script src="/stl_viewer.min.js"></script>

更新：

我所有的脚本文件和 STL 文件都直接在 wwwroot 文件夹下。

看法：

<div id="stl_cont" style="width:500px;height:500px;margin:0 auto;"></div>
@section Scripts{
    <script src="/stl_viewer.min.js"></script>
    <script>
    var stl_viewer = new StlViewer(document.getElementById("stl_cont"), { models: [{ id: 0, filename: "Sheep_1.stl" }] });
</script>
}

推荐阅读