在Modal对话框上的可滚动div上的HTML2canvas

时间:2014-11-20 06:34:31

标签: jquery html2canvas

您好我使用HTML2canvas插件在模态对话框中转换DIV。转换工作正常。但是这个div有垂直滚动。因此,在最终图像上,在滚动的隐藏区域之后没有任何内容被转换。只有div的可见顶部位于渲染图像中。那么我怎样才能将整个div(无关紧要)转换为图像..这是我的代码

            $('#modal_sidebyside .modal-content').html2canvas({
            onrendered: function (canvas) {
                //Set hidden field's value to image data (base-64 string)
                $('.export-sidebyside').hide();
                //$('#modal_sidebyside .modal-body').css({ 'overflow-y': 'auto', 'height': 'auto' });
                //$('#modal_sidebyside .modal-content').css({ 'overflow-y': 'auto', 'height': 'auto' });

                var img = canvas.toDataURL('image/jpeg');
                var link = document.getElementById("download-sidebyside");
                link.download = "SidebySide.jpg"; //Setup name file
                $(link).html("Download");
                link.href = img.replace(/^data[:]image\/(png|jpg|jpeg)[;]/i, "data:application/octet-stream;");
                $('.export-sidebyside').show();
               // $('#modal_sidebyside .modal-body').css({ 'overflow-y': 'auto', 'height': '80%' });
               // $('#modal_sidebyside .modal-content').css({ 'overflow-y': 'auto', 'height': '100%' });

                //document.body.appendChild(link);

            }
        });

0 个答案:

没有答案