<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>html2canvas example</title>
<script type="text/javascript" src="__PUBLIC__/js/html2canvas.js"></script>
<script src="__PUBLIC__/js/jquery.js"></script>
</head>
<script type="text/javascript">
function takeScreenshot() {
html2canvas(document.getElementById('view'), {
onrendered: function(canvas) {
canvas.id='canvas_id';
document.getElementById('canvass').appendChild(canvas);
var canvas1 = document.getElementById('canvas_id');
var student_id=document.getElementById("student_id").value;
var project_id=document.getElementById("project_id").value;
var img = canvas1.toDataURL('png');
$.post("{:U(\'Diploma/certif'\)}", {'student_id': student_id,'img_base':img,'project_id':project_id}, function (data) {
});
var newWindow=window.open();
newWindow.document.write('<img src="'+img+'"/>');
newWindow.print();
},
});
}
</script>
<body style="background: #f9f9f9">
<div class="">
<link rel="stylesheet" href="__PUBLIC__/simpleboot/css/reset.css">
<link rel="stylesheet" href="__PUBLIC__/simpleboot/css/style.css">
<div class="content printAll">
<div class="print" style="background: url(__PUBLIC__/images/dd.jpg)" id="view">
<div class="baseInfo">
<div class="stuTop clearfix">
<div class="stuImg">
<img src="{$student.photo_url}" width="100px;" height="130px"/>
</div>
<div class="stuTxt">
<p class="baseNameSex">
<input type="hidden" id="student_id" value="{$student['id']}">
<input type="hidden" value="{$project['id']}" id="project_id">
<label style="width: 108px ;"></label><input class="stuName" type="text" value="{$student['name']}">
<if condition="$student['gender'] eq 0">
<label style="width: 50px ;"></label><input class="stuSex" type="text" value="女">
<elseif condition="$student['gender'] eq 1"/>
<label style="width: 50px ;"></label><input class="stuSex" type="text" value="男">
<else/>
<label style="width: 50px ;"></label><input class="stuSex" type="text" value="保密">
</if>
</p>
<p class="stuNumb">
<label style="width: 108px ;"></label><input type="text" value="{$student.id_number}">
</p>
<p class="stuNumb">
<label style="width: 108px ;"></label><input type="text" value="{$certificate}">
</p>
</div>
</div>
<div class="stuBtm">
<input style="width: 75px" type="text" value="{$student.name}"><label style="width: 58px
;"></label><input style="width: 184px" type="text" value="{$project.starttime}"><label style="width: 24px ;"></label><input style="width: 190px"
type="text" value="{$project['endtime']}"><label style="width: 89px ;"></label><input style="width: 424px" type="text"
value="{$project.name}"><label style="width: 66px ;"></label><label style="width:14px ;"></label>
<input style="width: 62px" type="text" value=""><label style="width: 108px ;"></label>
<p><label style="width: 80%;margin-top: 35px">
<foreach name="course" key="k" item="vo">
<if condition="$k neq $course_count-1">
{$vo.name},<else/>{$vo.name}。
</if>
</foreach>
</label></p>
<input class="nn">
</div>
</div>
</div>
</div>
</div>
<div class="printBtn">
<a class="btn printCol01" id="pso" onclick="takeScreenshot()" href="###">打印</a>
<input type="button" id="btn1"/>
<a class="btn printCol02" href="{:U('Student/index')}">返回</a>
</div>
<div id="canvass" style="text-align: center">
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>html2canvas example</title>
<script type="text/javascript" src="__PUBLIC__/js/html2canvas.js"></script>
<script src="__PUBLIC__/js/jquery.js"></script>
</head>
<script type="text/javascript">
function takeScreenshot() {
html2canvas(document.getElementById('view'), {
onrendered: function(canvas) {
canvas.id='canvas_id';
document.getElementById('canvass').appendChild(canvas);
var canvas1 = document.getElementById('canvas_id');
var student_id=document.getElementById("student_id").value;
var project_id=document.getElementById("project_id").value;
var img = canvas1.toDataURL('png');
$.post("{:U(\'Diploma/certif'\)}", {'student_id': student_id,'img_base':img,'project_id':project_id}, function (data) {
});
var newWindow=window.open();
newWindow.document.write('<img src="'+img+'"/>');
newWindow.print();
},
});
}
</script>
<body style="background: #f9f9f9">
<div class="">
<link rel="stylesheet" href="__PUBLIC__/simpleboot/css/reset.css">
<link rel="stylesheet" href="__PUBLIC__/simpleboot/css/style.css">
<div class="content printAll">
<div class="print" style="background: url(__PUBLIC__/images/dd.jpg)" id="view">
<div class="baseInfo">
<div class="stuTop clearfix">
<div class="stuImg">
<img src="{$student.photo_url}" width="100px;" height="130px"/>
</div>
<div class="stuTxt">
<p class="baseNameSex">
<input type="hidden" id="student_id" value="{$student['id']}">
<input type="hidden" value="{$project['id']}" id="project_id">
<label style="width: 108px ;"></label><input class="stuName" type="text" value="{$student['name']}">
<if condition="$student['gender'] eq 0">
<label style="width: 50px ;"></label><input class="stuSex" type="text" value="女">
<elseif condition="$student['gender'] eq 1"/>
<label style="width: 50px ;"></label><input class="stuSex" type="text" value="男">
<else/>
<label style="width: 50px ;"></label><input class="stuSex" type="text" value="保密">
</if>
</p>
<p class="stuNumb">
<label style="width: 108px ;"></label><input type="text" value="{$student.id_number}">
</p>
<p class="stuNumb">
<label style="width: 108px ;"></label><input type="text" value="{$certificate}">
</p>
</div>
</div>
<div class="stuBtm">
<input style="width: 75px" type="text" value="{$student.name}"><label style="width: 58px
;"></label><input style="width: 184px" type="text" value="{$project.starttime}"><label style="width: 24px ;"></label><input style="width: 190px"
type="text" value="{$project['endtime']}"><label style="width: 89px ;"></label><input style="width: 424px" type="text"
value="{$project.name}"><label style="width: 66px ;"></label><label style="width:14px ;"></label>
<input style="width: 62px" type="text" value=""><label style="width: 108px ;"></label>
<p><label style="width: 80%;margin-top: 35px">
<foreach name="course" key="k" item="vo">
<if condition="$k neq $course_count-1">
{$vo.name},<else/>{$vo.name}。
</if>
</foreach>
</label></p>
<input class="nn">
</div>
</div>
</div>
</div>
</div>
<div class="printBtn">
<a class="btn printCol01" id="pso" onclick="takeScreenshot()" href="###">打印</a>
<input type="button" id="btn1"/>
<a class="btn printCol02" href="{:U('Student/index')}">返回</a>
</div>
<div id="canvass" style="text-align: center">
</div>
</body>
</html>