在 html 页面中截取 div 的屏幕截图

Question

我正在尝试使用 html2canvas 在 html 页面中获取 div 的图片。我正在使用此代码

$('.classname').html2canvas({ 
                onrendered: function (canvas) { data1=canvas.toDataURL("image/png"); 

                var data = {
                    action: 'screen_response',
                    base64data: data1
                };


                $.post(ajaxurl, data, function(response) {
                    //document.getElementById('bar').style.display = 'none';
                    //alert("asdasd");
                });
                //alert(data1);

                } });

我在这之后得到的图像显示大小为 1663*4205。但是当我打开图像时，它变得如此之小.. 比我尝试使用 jpg .. 比我知道的 html2canvas 实际上扫描整个页面并生成整个 html 页面的屏幕截图。请看这张图click here

白色是我需要的 div 图片，黑色是整张图片。

请告诉我如何只获取我的 div 的屏幕截图。因为我也导入了PDF。

Answer 1

解决方案：我找到了解决方案。包括新发布的 html2canvas js 文件。它会起作用。

在 html 页面中截取 div 的屏幕截图

To take Screenshot of a div in a html page

css

pdf

html2canvas