Webview正在加载但未显示

Question

 <!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标签

Answer 1

我使用了此设置，并且您在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");

Webview正在加载但未显示

问题描述

1 个解决方案

解决方案1
0 2016-11-30 02:52:27

Webview正在加载但未显示

问题描述

1 个解决方案

解决方案1 0 2016-11-30 02:52:27

解决方案1
0 2016-11-30 02:52:27