时间戳

首页 > 解决方案 > angular-stl-model-viewer 在 Angular 项目中不起作用

javascript - angular-stl-model-viewer 在 Angular 项目中不起作用

问题描述

我尝试通过 npm 包 angular-stl-model-viewer 将 stl-viewer 添加到我的 angular 项目中，并成功安装了所有依赖项。问题是，它没有显示。这就是包的链接：https ://github.com/tevim/angular-stl-model-viewer

我检查了 html 页面的源代码，发现我使用标签集成到我的页面的 angular-stl-viewer 在标签内创建了一个 div 元素和一个画布。并且画布的宽度和高度属性为零。所以好像有问题。但是我成功地在在线 stl-viewer 上呈现了我的示例 stl 文件“HalfDonut.stl”。我还检查了演示页面中的 html 源代码，除了画布的宽度和高度外，它看起来都一样。演示页面：https ://tevim.github.io/angular-stl-model-viewer/examples/basic/dist/my-app/

标签： javascriptangulartypescriptthree.jsstl

解决方案

我有同样的问题，显然你需要添加一些 CSS 来让查看器出现：

stl-model-viewer {
  display: block;
  height: 500px;
  width: 500px;
}

这是在示例下的 angular-stl-model-viewer 存储库中找到的： https ://github.com/tevim/angular-stl-model-viewer/tree/master/examples/basic/src/app

推荐阅读