WebView 背景透明使用modelviewer

Question

I am using modelviewer to show a 3d model on a webview in kotlin android studio. 問題是當我加載 object 時，背景顯示為白色。 我有 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")
}

}

結果：錯誤

Answer 1

已解決，我不知道 MV 本身會呈現透明，所以我開始查看 webviewer 而不是 ModelViewer，我必須在我的 LoginActivity.kt 上設置透明顏色：webview.setBackgroundColor(Color.TRANSPARENT)

WebView 背景透明使用modelviewer

問題描述

1 個解決方案

解決方案1
0 2022-08-05 06:35:21

WebView 背景透明使用modelviewer

問題描述

1 個解決方案

解決方案1 0 2022-08-05 06:35:21

解決方案1
0 2022-08-05 06:35:21