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