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>

The above is my HTML code. 上面是我的HTML代码。 When i am trying to load in android 当我尝试在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);

It is loading the url, but is not visible. 它正在加载URL，但是不可见。 I don't know whether the following is any error: 我不知道以下是否有任何错误：

In ResourceHandle::create newHandle -> Blocked Failure 在ResourceHandle :: create newHandle->阻止失败中

In logcat it is giving like this. 在logcat中，它像这样给出。 Please let me know where I am going wrong. 请让我知道我要去哪里了。

While trying to display the webpage directly without any button click,it is not displaying the image. 试图直接显示网页而没有单击任何按钮时，它没有显示图像。 Instead it is showing 相反，它显示

your browser does not support the html5 canvas tag 您的浏览器不支持html5 canvas标签

Answer 1

I used this settings and you html page, it works fine. 我使用了此设置，并且您在html页面上正常工作。 here is the result: 结果如下：

 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