การใส่รูปภาพใน mPDF

wave
มานพ กองอุ่น 16 พ.ค. 2017 09:49:53 11,866

สำหรับการใส่รูปภาพใน mPDF นั้นสามารถทำได้ง่ายดายมาก เพียงใส่ tag html ในการแสดงรูปคือ <img> พร้อมระบุ path ไปยังรูปภาพให้ถูกต้อง

ก่อนอื่นต้องเตรียมรูปภาพก่อน โดยในที่นี้จะเก็บไว้ใน folder assets/img

ตัวอย่างของการใส่รูปภาพ

<img src="assets/img/programmerthailand_social.jpg" width="100%" />

เมื่อทดสอบเปิด web application จะปรากฏตามภาพด้านบน

ตัวอยางหน้า index.php ตามภาพด้านบนมีการเขียนโปรแกรมดังนี้

<?php
include_once 'vendor/autoload.php';

$mpdf = new mPDF();

$content = '

<style>
.container{
    font-family: "THSarabun";
    font-size: 16pt;
}
p{
    text-align: justify;
}
h1{
    text-align: center;
}
</style>

<div class="container">
<h1>ข้าวปั้น ข้าวสวย</h1>
<img src="assets/img/programmerthailand_social.jpg" width="100%" />
<p>
เซ็นเซอร์งั้นสเตเดียมรุสโซก๋ากั่น วิปจุ๊ยแอ็คชั่นอาข่าคอร์ป โกเต็กซ์สต๊อก แอ๊บแบ๊ว โต๋เต๋ถ่ายทำโหลยโท่ยวีน เพนตากอนแหววสเปคสเตชันเจี๊ยว โหลนเพาเวอร์ธุหร่ำบาร์บี้ โอยัวะเหมย โครนาแบตเพียบแปร้เทเลกราฟเคส เวิลด์เพลย์บอยอุด้งอพาร์ทเมนท์ดีไซน์เนอร์ เบิร์นสเตเดียมสแล็กเมเปิล แอ๊บแบ๊ว แพทยสภาบัสแซ็กโซโฟนเลคเชอร์ กรุ๊ปมาเฟีย ซีเรียสไอเดียโทรโข่งเซ็นเตอร์ ม้งโปรเจกเตอร์ราเมน

</p>

<p>
เจล สตาร์ท สต๊อคเอ๋อเอ๋อแคร็กเกอร์แบต เก๋ากี้ซิลเวอร์ฟาสต์ฟู้ดอุด้งแฟลช ภควัทคีตาออร์แกนิกโยโย่ ตะหงิดแฟล็ตมหภาคซิ่ง สี่แยกรัมคีตราชันเพรสซี้ แอดมิชชั่นเพนตากอนโบรกเกอร์ตู้เซฟพันธกิจ บอดี้ไนท์คอรัปชั่น โดมิโนไมค์ ลิสต์สปิริตสเตอริโอพันธกิจ โอเคแพทยสภาโอเพ่น คาร์ป๋า เฮียอันเดอร์ เอนทรานซ์ นายพรานเมี่ยงคำ

</p>

<p>
โปรเจ็คไฮเอนด์แชมปิยองเบนโล ราสเบอร์รี แคชเชียร์โบว์ลิ่งอริยสงฆ์ คลับแจ็กพอตกรอบรูป ไอซียูคำสาป แจ็กพอตโปรโมเตอร์สเกตช์ เที่ยงวันฟีเวอร์เสกสรรค์ยะเยือก ครัวซองต์จูนคอมพ์ วอฟเฟิลอินเตอร์ติงต๊อง ถ่ายทำแพทเทิร์นแบคโฮเกสต์เฮาส์ซาร์ สุนทรีย์วาไรตี้แม่ค้าเทคนิว ดีเจเฉิ่มโอเพ่น ซิตี้ว่ะเกรด แอโรบิคอุปนายก อิกัวนาไวอากร้าจึ๊กมาร์ชซินโดรม บูมแคทวอล์คตังค์แซ็กสะบึม

</p>

<p>
เทวาธิราชโหลนแมมโบ้ สปิริต บราคำสาป แฟกซ์โอเพ่นโมเดลแอปเปิลวโรกาส มาร์จินฮองเฮาป่าไม้ ป๋าออกแบบแช่แข็งวาไรตี้ไนน์ ธัมโมไวอากร้าแซ็กโซโฟนสเตอริโออันตรกิริยา สต๊อกเนิร์สเซอรี ไฮไลต์ปาสเตอร์แบล็ควอลซ์มอบตัว ม้านั่งคอนแทคเที่ยงวัน คอร์รัปชั่น พรีเมียมสุนทรีย์ เยอร์บีร่าโชห่วยมาราธอนควิกโรแมนติก โมเต็ลซูมสเตริโอเซ็กซี่คองเกรส สเตชั่นอยุติธรรม ซิตีเคสขั้นตอนสเตอริโอเซ็กซ์

</p>

<p>
อึมครึม แฮนด์แรลลี่ มือถือแฟรีอุรังคธาตุซาบะโมเดล มายองเนสจอหงวนกีวี เซอร์วิส เมาท์ สันทนาการแซวสตูดิโอตรวจสอบมือถือ รัมออร์แกนิก วิลเลจเซลส์แมนซาตานแบ็กโฮ ออยล์มยุราภิรมย์ซิลเวอร์ไบเบิลกิฟท์ ฉลุยกาญจนาภิเษกตัวเองเฝอมาร์ค อันเดอร์กรอบรูปวันเวย์แจ็กพ็อต สเตชั่นเอ็นทรานซ์หลวงพี่ เอ็นเตอร์เทน มาเฟียอีโรติกยะเยือกสันทนาการ ปาร์ตี้

</p>
</div>

';
$mpdf->WriteHTML($content);

$mpdf->Output();
?>

 


ความคิดเห็น

หากบทเรียนรู้มีความผิดพลาดประการใด หรือมีข้อเสนอแนะกรุณาแจ้ง contact@programmerthailand.com

เขียนบทเรียนรู้ของคุณ

รายละเอียด
  • ดู 11,866
  • รักเลย 0
  • หมวดหมู่ mPDF
  • เขียนเมื่อ
  • แก้ไขเมื่อ
  • Tags mPDF image
ข้อมูลผู้เขียน
มานพ กองอุ่น

มานพ กองอุ่น

เป็นสมาชิกเมื่อ: 18 ธ.ค. 2009