var content = document.getElementById("content");
var _width = $('#content').width(),
_height = $('#content').height();
var canvas = document.createElement("canvas");
var scale = 5.5; //放大倍数
canvas.width = _width * scale;
canvas.height = _height * scale;
canvas.getContext("2d").scale(scale, scale);
html2canvas(content, {
backgroundColor: '#FFFFFF', //设置截图的背景色
useCORS: true, // 如果截图的内容里有图片,可能会有跨域的情况,加上这个参数,解决文件跨域问题
allowTaint: true, //允许跨域(图片跨域相关)
taintTest: true, //是否在渲染前测试图片
scale: scale,
canvas: canvas,
width: _width,
heigth: _height,
dpi: window.devicePixelRatio * 96,
onrendered: function(canvas) {
var context = canvas.getContext('2d');
// 【重要】关闭抗锯齿
context.mozImageSmoothingEnabled = false;
context.webkitImageSmoothingEnabled = false;
context.msImageSmoothingEnabled = false;
context.imageSmoothingEnabled = false;
var dataUrl = canvas.toDataURL("image/png", 1.0),
newImg = document.createElement("img");
newImg.src = dataUrl;
$('#pdf_png').empty().append(newImg);
// newImg.style.width = '100%';
// 方向默认竖直,尺寸ponits,格式a4[595.28,841.89]
// var pdf = new jsPDF('', 'mm', 'a4');
// pdf.addImage(dataUrl, 'JPEG', 0, 0, 210, 297)
// pdf.save(new Date().getTime() + '.pdf');
}
});
效果图:
哪位大佬者能推荐什么方法。
或者能远程帮忙代写,截取高分辨率图片,导出pdf能打印直接用的,有偿!
QQ 919900480