css - 在 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 文件。它会起作用。