在html页面中截取div的截图

时间:2015-09-19 12:06:39

标签: css pdf html2canvas

我正在尝试使用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导入它。

1 个答案:

答案 0 :(得分:1)

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