php 局部打印
来源:互联网 发布:jy js jc jk jd 编辑:程序博客网 时间:2024/06/06 01:18
<!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>
阅读全文
0 0
- php 局部打印
- web页局部打印
- 打印局部页面
- 打印局部页面
- 打印局部頁面
- div局部打印
- js局部打印
- JavaScript局部打印
- Javascript打印局部
- 页面局部打印
- JS 局部打印
- WEB局部打印
- js 局部打印
- 页面局部打印
- js局部打印
- JavaScript实现局部打印
- 局部打印内容
- 打印局部页面 Asp.net 打印局部页面
- 详解ES7的async及webpack配置async
- 各个数据库表名和字段名长度限制
- Python列表转换
- Error communicating with MapOutputTracker-问题解析2
- 字符串算法——String转换为Integer
- php 局部打印
- 重写UIbutto 改变字体和图片位置
- cgi和fastcgi的区别
- 在csdn博客中写文章的时候需要插入图片普通的截图放上去不能保存上图片
- Ubuntu下配置Java环境变量
- 虚拟机下CentOS7开启SSH连接
- (三)HDFS文件操作
- (亲测)服务器 Ubuntu 14.04 安装 CUDA 8.0 + cuDNN 5.1 + tensorflow
- 2017年10月12日:CSDN博客第一天