0

Android webview では、(webview の) マージンの右側に div を追加する js があります。背景色で div を追加すると、これは正常に機能します。

代わりに div に背景画像を追加したい場合、これは機能しないようです。

これがdivをレンダリングする私のjsです

var div = document.createElement('div');
                    div.style.width = "20px";
                    div.style.height = "20px";
                    div.style.position = "absolute";
                    div.style.top = yPos + "px";
                    div.style.right = "5px";
                    div.style.backgroundColor = col;
                    div.style.backgroundImage = "url(file:///android_asset/images/ic_menu_notes_pressed.png)";
document.body.appendChild(div);

背景色は正常に読み込まれますが、画像が表示されません。
私の画像は /assets/images/ic_menu_notes_pressed.png にあります

次のソリューションを使用して更新します () base64

jsファイル

var img = document.createElement('img');
img.style.width = "50px";
img.alt = "Hello";
img.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABbUlEQVRoQ+1YvUoDQRD+ZoNioSD25tw0Qiz0AXwQQWw0QdRK0FIQQXvRRgSfxgfQ0spKC9s0FrmMwx1JsNC97LrmFibNQW527/u7mbsjJP6jxPFDCUzbQXVAHQhUQCMUKGDwcnUgWMLADaI4wIdr88h7TQwoc+LL5x7p4aXnrPuh4M8JcHdlCzBLIG6D+cgJzNAG3b0+O+v+gwB3s22A7gX8mZCwyRBgQY2O3RHg1yLUohxPkiHA5zB4z47BdCXgZwunkyLQsacC+FJgz4ximgKBQvk3uwfwzTfwBQsWUqZV63ugjM6yBRpj5YcW5P0P+fui3gQOmi30ze0v7a8t59xzYFptlPftOgb85Nu/R+uUgKeE6sBQOI2QRshTAY1QqYD3+4B2IY2QRkifhcoM6CT2nEPpt9Hd1QU0Pjc9+Y+X1e3DVjChCTfwnsQTXidauRKIJm3FjdWBikJFK1MHoklbcWN1oKJQ0cqSd+ALnjXMMUm0ItgAAAAASUVORK5CYII=";

document.body.appendChild(img);

4

1 に答える 1

1

画像 (ic_menu_notes_pressed.png) をアセット フォルダーに配置し、このように Web ビューで URL を読み込みます

webView.loadDataWithBaseURL("file:///android_asset/", html_string, "text/html", "utf-8", null);

今、あなたはのように使うことができます

 <img src="ic_menu_notes_pressed.png">

また

  <div style="backgroundImage =ic_menu_notes_pressed.png";> </div>
于 2013-10-30T09:51:03.907 に答える