[英]Webview is loading but not showing
<!DOCTYPE html> <html> <body> <canvas id="myCanvas" width="300" height="150"> Your browser does not support the HTML5 canvas tag.</canvas> <script src='https://code.jquery.com/jquery-2.1.3.js'></script> <script> $(document).ready(function () { var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); function Character1(canvas, progress, duration, delay) { console.log("c1 " + progress); delay = delay || 1; var ctx = canvas.getContext('2d'); debugger; if (progress < duration) { canvas.strokeStyle = "black"; ctx.beginPath(); //ctx.moveTo(3, 1);//original forum code //ctx.lineTo(3, 15 * ((progress + 1)/duration)); ctx.moveTo(2, 1); ctx.lineTo(2 , 20* ((progress + 1) / duration)); // ctx.moveTo(1, 13); // ctx.lineTo(1 , 30* ((progress + 1) / duration)); ctx.stroke(); ctx.closePath() setTimeout(function () { Character1(canvas, progress + 1, duration, delay); }, delay); } else { debugger; $(document.body).trigger("Character1Completed"); } } function Character2(canvas, progress, duration, delay) { console.log("c2"); delay = delay || 1; var ctx = canvas.getContext('2d'); if (progress < duration) { canvas.strokeStyle = "black"; ctx.beginPath(); ctx.moveTo(5, 20);//Decrease the 2nd value to move line upwards ctx.lineTo(30 * ((progress + 1) / duration), 20); ctx.stroke(); ctx.closePath() setTimeout(function () { Character2(canvas, progress + 1, duration, delay); }, delay); } else { $(document.body).trigger("Character2Completed"); } } function Character3(canvas, progress, duration, delay) { console.log("c3"); delay = delay || 1; var ctx = canvas.getContext('2d'); if (progress < duration) { var x = 23;//Decrease/increase to move the arc right/left side var y = 12;//Decrease to move the arc up var radius = 10; var startAngle = .3 * Math.PI; var endAngle = -1.3 * Math.PI; var counterClockwise = false; ctx.beginPath(); ctx.arc(x, y, radius, startAngle, endAngle * ((progress + 1) / duration), true); ctx.lineWidth = 1; ctx.stroke(); setTimeout(function () { Character3(canvas, progress + 1, duration, delay); }, delay); } else { $(document.body).trigger("Character3Completed"); } } $(document.body).on("Character1Completed", function (e) { console.log("Starting Character 2"); Character2(canvas, 0, 30, 33); }); /* $(document.body).on("Character2Completed", function (e) { console.log("Starting Character 3"); Character3(canvas, 0, 30, 33); });*/ $(document.body).on("Character3Completed", function (e) { console.log("Completed Drawing!"); }); // Start Drawing Character1(canvas, 0, 30, 33); }); </script> </body> </html>
上面是我的HTML代碼。 當我嘗試在android中加載時
WebView wv;
wv = (WebView) findViewById(R.id.mybrowser1);
wv.loadUrl("file:///android_asset/www/ta.html");
wv.getSettings().setJavaScriptEnabled(true);
wv.setBackgroundColor(Color.TRANSPARENT);
它正在加載URL,但是不可見。 我不知道以下是否有任何錯誤:
在ResourceHandle :: create newHandle->阻止失敗中
在logcat中,它像這樣給出。 請讓我知道我要去哪里了。
試圖直接顯示網頁而沒有單擊任何按鈕時,它沒有顯示圖像。 相反,它顯示
您的瀏覽器不支持html5 canvas標簽
我使用了此設置,並且您在html頁面上正常工作。 結果如下:
WebView mWebView = (WebView) findViewById(R.id.webview);
WebViewClient wvClient = new WebViewClient();
mWebView.setWebViewClient(wvClient);
WebSettings webSettings = mWebView.getSettings();
webSettings.setSaveFormData(false);
webSettings.setJavaScriptEnabled(true);
webSettings.setDefaultTextEncodingName("utf-8");
mWebView.loadUrl("http://192.168.1.42/test");
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.