WebView背景透明使用modelviewer答案

【问题标题】：WebView background transparent using modelviewerWebView背景透明使用modelviewer
【发布时间】：2023-02-16 04:11:03
【问题描述】：

我正在使用 modelviewer 在 kotlin android studio 的 webview 上显示 3d 模型。问题是当我加载对象时背景显示为白色。我有带背景颜色的 css：透明，当它显示时忽略 css。

任何人都知道该怎么做？

模型查看器.html

<!DOCTYPE html>
<html>
<body style="background-color:transparent">
<!-- Import the component -->
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"> 
</script>
<script src="https://unpkg.com/focus-visible@5.0.2/dist/focus-visible.js" defer></script>
<model-viewer
    orbit-sensitivity="2"
    interaction-prompt="none"
    id="reveal"
    camera-controls="true"
    auto-rotate="true"
    poster="https://test-aorist-bucket.s3.amazonaws.com/images/artwork/900x600/187.1.jpg"
    src="https://test-aorist-bucket.s3.amazonaws.com/models/artwork/187.1.glb"
    alt="Bold [3D]"
    ar-status="not-presenting"
    style="width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 0; 
display: block; background-color: #ffffff;">
</model-viewer>
</body>
</html>

登录活动.kt

class LoginActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_login)
    loadModel()
}

@SuppressLint("SetJavaScriptEnabled")
fun loadModel(){
    ModelWebView.settings.javaScriptEnabled = true
    ModelWebView.settings.loadWithOverviewMode = true
    ModelWebView.loadUrl("file:///android_asset/modelViewer.html")
}

}

结果：error

【问题讨论】：

标签： android css kotlin webview transparent

【解决方案1】：

解决了，我不知道 MV 本身会呈现透明，所以我开始查看 webviewer 而不是 ModelViewer，我不得不在我的 LoginActivity.kt 上设置透明颜色这一行： webview.setBackgroundColor(Color.TRANSPARENT)

【讨论】：