var count = 0;
function exportWord(){
//在隐藏区域设置图片
//参数1,需要截图的id,参数2,图片src存到输入框,提交后台
convert2canvas('firstGout',"gout_img1");
convert2canvas('secondGout',"gout_img2");
var intervalId = setInterval(function(){
if(count==2){
//提交表单
$('#upload_gout_img_form').ajaxSubmit(function(data){
if("200"==data.code && data.img1!='' && data.img2!=''){
window.clearInterval(intervalId);
window.location.href="<%=basePath%>goutMedicalRecord/exportGoutUricReportDetailWord?img1="+data.img1+"&img2="+data.img2;
}
});
}
},200);
}
//获取指定区域截图
function convert2canvas(eleId,imgPrevId) {
var cntElem = $('#'+eleId+'')[0];
var shareContent = cntElem;//需要截图的包裹的(原生的)DOM 对象
var width = shareContent.offsetWidth; //获取dom 宽度
var height = shareContent.offsetHeight; //获取dom 高度
var canvas = document.createElement("canvas"); //创建一个canvas节点
var scale = 1; //定义任意放大倍数 支持小数
canvas.width = width * scale; //定义canvas 宽度 * 缩放
canvas.height = height * scale; //定义canvas高度 *缩放
canvas.getContext("2d").scale(scale, scale); //获取context,设置scale
var opts = {
scale: scale, // 添加的scale 参数
canvas: canvas, //自定义 canvas
// logging: true, //日志开关,便于查看html2canvas的内部执行流程
width: width, //dom 原始宽度
height: height,
useCORS: true // 【重要】开启跨域配置
};
html2canvas(shareContent, opts).then(function (canvas) {
var context = canvas.getContext('2d');
// 【重要】关闭抗锯齿
context.mozImageSmoothingEnabled = false;
context.webkitImageSmoothingEnabled = false;
context.msImageSmoothingEnabled = false;
context.imageSmoothingEnabled = false;
// 【重要】默认转化的格式为png,也可设置为其他格式
var img = Canvas2Image.convertToJPEG(canvas, canvas.width, canvas.height);
$('#'+imgPrevId+'').val(encodeURIComponent(img.src));
$('#upload_gout_img_form').append(img);
count++;
/* $(img).css({
"width": canvas.width / 2 + "px",
"height": canvas.height / 2 + "px",
}).addClass('f-full'); */
});
}