แปลงข้อความเป็นรูปภาพ (Text to Image)

 แปลงข้อความเป็นรูปภาพ (Text to Image)

ขนาดของรูปภาพสำหรับงานต่างๆ

ภาพตัวอย่าง

สร้างข้อความเป็นภาพ

some properties needs、bender prefix (-webkit-).

ภาพตัวอย่าง

URL

https://placehold.jp/{font size}/{background color}/{font color}/{image size}.png?text={your text}

ภาพตัวอย่าง

การใช้งาน

การกำหนดความกว้างและความสูง

https://placehold.jp/{width}x{height}.png

e.g.: <img src="https://placehold.jp/150x50.png">

ภาพตัวอย่าง

การกำหนดสีพื้นหลัง สีตัวอักษร ขนาดตัวอักษร

https://placehold.jp/{font color}/150x100.png
https://placehold.jp/{background color}/{font color}/150x100.png
https://placehold.jp/{font size}/{background color}/{font color}/150x100.png

e.g.: <img src="https://placehold.jp/24/cc9999/993333/150x100.png">

ภาพตัวอย่าง

การกำหนดรูปแบบภาพ

รูปแบบภาพที่ใช้ได้คือ JPG และ PNG

e.g.:
<img src="https://placehold.jp/006699/cccc00/150x100.png">
<img src="https://placehold.jp/006699/cccc00/150x100.jpg">

ภาพตัวอย่าง

 

Text

คุณสามารถใส่ข้อความให้กับรูปภาพได้ โดยใช้พารามิเตอร์ "text"

https://placehold.jp/250x50.png?text={text}

e.g.: <img src="https://placehold.jp/24/cccccc/ffffff/250x50.png?text=placehold.jp">

ภาพตัวอย่าง

การใช้งาน CSS

สามารถใช้ CSS ได้ โดยคลิกเลือก CSS enabled

https://placehold.jp/250x50.png?&css={JSON formated CSS}

e.g.: <img src="https://placehold.jp/3d4070/ffffff/150x150.png?css=%7B%22border-radius%22%3A%2215px%22%7D">

ภาพตัวอย่าง


ที่มาครูสมชายคัดมาจาก : {getButton} $text={อ้างอิงที่มา} $icon={link} $color={red} 
>>>TRY TO CHECK OUT , IF ANY ERROR FOUND. PLEASE LET ME KNOW BY COMMENT.
I'LL TRY MY LEVEL BEST TO FIX THE PROBLEM.
                                                                THANKS FOR VISITING thumariya.blogspot
Have a nice day!
-------------------------- -------------------------
>>>ลองตรวจสอบหากพบข้อผิดพลาด โปรดแจ้งให้เราทราบโดยแสดงความคิดเห็น
ฉันจะพยายามระดับของฉันให้ดีที่สุดเพื่อแก้ไขปัญหา
ขอบคุณสำหรับการเยี่ยมชม thumariya.blogspot
ขอให้เป็นวันที่ดี!

-------------------------- -------------------------

{fullWidth}

แสดงความคิดเห็น (0)
ใหม่กว่า เก่ากว่า