在 Android-L 中将 WebView 绘制到 Canvas 中

Question

我正在使用 Android Print Framework 将 WebView 的 HTML 内容保存为 PDF。由于 Android-L 中的 WebView 有一种新的方法来呈现 WebView 内容，因此建议在创建任何 webview 之前调用 enableSlowWholeDocumentDraw() 方法。这将禁用渲染优化，因此 WebView 将能够渲染整个 HTML 页面。

这是将 WebView 绘制成 Canvas 的部分代码。

PdfDocument.Page page = document.startPage(pageInfo);
mWebView.draw(page.getCanvas());

我尝试从 Application、BaseActivity 以及在我的 Fragment 中创建 WebView 之后和之前调用 WebView.enableSlowWholeDocumentDraw()。但这没有帮助。

我尝试通过将层类型设置为软件和硬件来启用/禁用硬件加速，但这也没有帮助。我仍然无法绘制整个 WebView。只有可见部分会被绘制到画布上。

有人注意到这种行为吗？是否有解决方案或者这是一个错误？

编辑

事实证明这与WebView.enableSlowWholeDocumentDraw() 无关，我们仍在讨论这个问题。这是Bug Report。这是重现问题的Sample App。

Answer 1

我自己多年来一直在努力解决这个/类似的问题。终于找到了一个解决方案，由于某种原因，webView.draw(page.getCanvas()) 使用 KitKat 而不是 Lollipop 呈现整个内容（即使使用enableSlowWholeDocumentDraw()）。
但是，将 (webView.capturePicture()).draw(page.getCanvas()) 与 enableSlowWholeDocumentDraw() 结合使用确实适用于 Lollipop，尽管不推荐使用 capturePicture()。
最后一个可能需要注意的重要一点是，通常您会在 webView 加载其数据时看到许多对“onDraw”的调用，我发现使用 Lollipop 我的快照被过早地拍摄（在内容完全加载之前 - 令人讨厌的是 @987654326 @webViewClient 的回调方法不能保证这一点！） - 我的解决方案是有一个自定义 webView 并在 onDraw 方法中，将其添加为第一行：if(this.getContentHeight() == 0) return; 即除非有适当的内容，否则不要费心做任何绘图。 这样你就永远不应该得到一个空白页面快照——尽管从你的描述中听起来这可能不会影响你....

Answer 2

我是this question的作者。

要解决这个问题，我必须调用WebView.enableSlowWholeDocumentDraw() 之前在你的片段中膨胀视图。在 Mikhail Naganov 的答案中，我看到您尝试了很多选择，但没有尝试过这个。下面是我在带有 WebView 的片段的 onCreateView() 方法中使用的代码。

public View onCreateView(LayoutInflater inflater, ViewGroup parent, Bundle bundle){
    //Enable the drawing of the whole document for Lollipop to get the whole WebView
    if(Build.VERSION.SDK_INT > Build.VERSION_CODES.LOLLIPOP){
        WebView.enableSlowWholeDocumentDraw();
    }
    View view = inflater.inflate(R.layout.my_layout, parent, false);

   /* Rest of code */
}

真的没有别的了。如果这不起作用，那么它可能是一个错误，您应该按照 Mikhail 的建议进行报告。

希望这会有所帮助！

Answer 3

if(Build.VERSION.SDK_INT>=21)    {
    WebView.enableSlowWholeDocumentDraw();
}

public void capture(WebView webView) {
    WebView lObjWebView = webView;
    lObjWebView.measure(MeasureSpec.makeMeasureSpec(MeasureSpec.UNSPECIFIED, MeasureSpec.UNSPECIFIED), MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
    lObjWebView.layout(0, 0, lObjWebView.getMeasuredWidth(), lObjWebView.getMeasuredHeight());
    Bitmap bm = Bitmap.createBitmap(lObjWebView.getMeasuredWidth(), lObjWebView.getMeasuredHeight(), Bitmap.Config.ARGB_8888);

    Canvas bigcanvas = new Canvas(bm);
    Paint paint = new Paint();
    int iHeight = bm.getHeight();
    bigcanvas.drawBitmap(bm, 0, iHeight, paint);
    lObjWebView.draw(bigcanvas);

    if (bm != null) {
        try {
            File dir = new File(Environment.getExternalStorageDirectory() + "/" + "folder");

            Calendar lObjCalendar = Calendar.getInstance();

            int hour = lObjCalendar.get(Calendar.HOUR);
            int min = lObjCalendar.get(Calendar.MINUTE);
            int sec = lObjCalendar.get(Calendar.SECOND);
            int mili = lObjCalendar.get(Calendar.MILLISECOND);
            int day = lObjCalendar.get(Calendar.DAY_OF_YEAR);
            int month = lObjCalendar.get(Calendar.MONTH);
            int year = lObjCalendar.get(Calendar.YEAR);

            String realDate = "ERS_" + day + month + year + "_" + hour + min + sec + mili;

            if (dir.exists()) {
                OutputStream fOut = null;
                File file = new File(dir, realDate + ".jpg");
                fOut = new FileOutputStream(file);

                bm.compress(Bitmap.CompressFormat.PNG, 50, fOut);
                fOut.flush();
                fOut.close();
                bm.recycle();
            }
            else {

                if (dir.mkdir()) {
                    OutputStream fOut = null;
                    File file = new File(dir, realDate + ".jpg");
                    fOut = new FileOutputStream(file);

                    bm.compress(Bitmap.CompressFormat.PNG, 50, fOut);
                    fOut.flush();
                    fOut.close();
                    bm.recycle();
                }
                else {
                    ProjectUtil.showToast(WebPayment.this, "Problem in saving webview in external storage");
                }
            }
        }
        catch (FileNotFoundException e) {
            ProjectUtil.showToast(WebPayment.this, "Problem in saving webview in external storage");
        }
        catch (IOException e) {
            ProjectUtil.showToast(WebPayment.this, "Problem in saving webview in external storage");
        }
        catch (Exception e) {
            ProjectUtil.showToast(WebPayment.this, "Problem in saving webview in external storage");
        }
    }
}

Answer 4

在您的应用中创建任何 WebView 之前，您需要调用WebView.enableSlowWholeDocumentDraw()。

也就是说，如果您的静态布局中有 WebView，请确保在第一次调用 setContentView() 之前调用 WebView.enableSlowWholeDocumentDraw()，这会使用 WebView 扩展布局。

还要确保您的 WebView 确实很大。例如，如果它的布局大小设置为match_parent，那么您的 WebView 将具有屏幕的大小，这就是将被捕获的内容。您需要为宽度和高度设置一些人为的高值。这个问题包含一个很好的说明：WebView.draw() not properly working on latest Android System WebView Update