|
|
|
มี table ที่ประกอบด้วยข้อมูลที่ดึงจากดาต้าเบสหลายๆส่วน อยากมีปุ่มเซฟ table นี้ออกเป็น jpeg |
|
|
|
|
|
|
|
request :
jquery.js = คงจะหาเองได้
html2canvas.js = http://github.com/niklasvh/html2canvas/releases/download/0.5.0-alpha1/html2canvas.js
Code (PHP)
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<table class="table" id="table" border="1">
<tbody>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
</tbody>
</table>
<button id="btn">Click</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="js/html2canvas.js"></script>
<script>
$("#btn").on("click", function(){
html2canvas($("table.table"), {
onrendered: function(canvas){
var img = canvas.toDataURL();
var Ca = $("<a/>").attr({
"href": img,
"download": "image.png"
}).html("download image");
$("table.table").after(Ca);
}
})
})
</script>
</body>
</html>
ขอให้โชคดีครับ
|
ประวัติการแก้ไข 2015-01-30 04:22:28 2015-01-30 15:20:08
|
|
|
|
Date :
2015-01-30 04:22:19 |
By :
yamcrocodile |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 05
|