/* ปรับปรุง : 25661103 (เริ่มใช้งานเว็บเพจแรก) 
เริ่มใช้งานใน /elderly/
<div id="mykey" style="margin-left:auto;margin-right:auto;width:min-content;">
<fieldset class="m_still"><legend><b>หัวข้อ</b></legend>ตัวอย่าง</fieldset>
</div>
<div  style="border-radius:5px 5px 5px 5px;padding:5px;margin-left:auto;margin-right:auto;width:min-content;font-weight:bold;background-color:#ffffdd;border:1px solid black;width:300px;text-align:center;">ส่งข้อมูลออกเป็น 
<img src="icon_photo.png" style="height:30px;" onclick="exportdivtopng('mykey')" alt="ส่งออก: image" />
<img src="icon_pdf.png" style="height:30px;" onclick="exportdivtopdf('mykey','0.9')" alt="ส่งออก: pdf" />
</div>
*/
function exportdivtopng(fld) {
  html2canvas(document.querySelector('#' + fld)).then((canvas) => {
    const fname = fld;
	let img = canvas.toDataURL('image/png');
    downloadImage(img, `${fname}`);
  });
}
function downloadImage(blob, fileName) {
	const tmpLink = window.document.createElement('a');
	tmpLink.style = 'display:none;';
	tmpLink.download = fileName;
	tmpLink.href = blob;
	document.body.appendChild(tmpLink);
	tmpLink.click();
	document.body.removeChild(tmpLink);
	tmpLink.remove();
}
function exportdivtopdf(fld,scale) {
	(async() => {
	var data1 = document.getElementById(fld);
	await html2canvas(data1).then((canvas) => {
		var pdf = new jsPDF('portrait', 'pt','a4');
		var ratio = pdf.internal.pageSize.getWidth() / canvas.width;
		const contentDataURL = canvas.toDataURL('image/png');
		var gap = (1.1 - scale) * 10 * 20;
		pdf.addImage(contentDataURL, 'PNG', gap - 10, gap - 10, (canvas.width * ratio * scale) - 20, (canvas.height * ratio * scale) - 20);
		pdf.save(fld + '.pdf');
	});
	})()
}