Model 从三维模型中删除边界

Model 从三维模型中删除边界,model,3d,outline,model-viewer,Model,3d,Outline,Model Viewer,我有一个显示3d模型的代码。当用户开始移动对象时,模型周围有一个黑色轮廓。我怎样才能去掉这个黑色的轮廓?这是我的代码: <model-viewer id="testModel" style="width: 700px; height: 700px; outline: 0;border: none;box-shadow: none;outline-width: 0px;" src="B - Oshrat - 2- SF35OP2 - 2 PIPING LINES binary/H

我有一个显示3d模型的代码。当用户开始移动对象时,模型周围有一个黑色轮廓。我怎样才能去掉这个黑色的轮廓?这是我的代码:

    <model-viewer  id="testModel" style="width: 700px; height: 700px; outline: 0;border: none;box-shadow: none;outline-width: 0px;" src="B - Oshrat -  2- SF35OP2 - 2 PIPING LINES binary/H - Oshrat - SEAMLESS LES GALOON v7_Colorway 2.glb" alt="A 3D model of an astronaut" shadow-intensity="1"  ar ar-modes="webxr" auto-rotate camera-controls></model-viewer>
    <script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.js"></script>
  <script  nomodule src="https://unpkg.com/@google/model-viewer/dist/model-viewer-legacy.js"></script>

这可能是因为大纲:0;应为:无

Put

  <script src="https://unpkg.com/focus-visible@5.1.0/dist/focus-visible.js"></script>

在HTML标题中


这是关于

移除阴影强度=“1”的修复方法?阴影强度是模型中的阴影。但我尝试了一下,黑色的轮廓仍然存在。目前似乎不受支持,除非你做一些javascript攻击,因为当元素被聚焦时,轮廓是默认的浏览器行为,而这个css在model viewer的阴影dom中,所以你无法从外部控制它。
  <script src="https://unpkg.com/focus-visible@5.1.0/dist/focus-visible.js"></script>