เครื่องกำเนิดตัวยึดตำแหน่ง SVG

สร้างรูปภาพ SVG เพื่อใช้เป็นตัวยึดตำแหน่งในแอปพลิเคชันของคุณ

ความกว้าง (เป็นพิกเซล)

พื้นหลัง

ความสูง (เป็นพิกเซล)

สีข้อความ

ขนาดตัวอักษร

ข้อความที่กำหนดเอง

ใช้ขนาดที่แน่นอน

องค์ประกอบ SVG HTML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 350" width="600" height="350">
  <rect width="600" height="350" fill="#cccccc"></rect>
  <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="monospace" font-size="26px" fill="#333333">600x350</text>
</svg>

SVG ใน Base64

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDAgMzUwIiB3aWR0aD0iNjAwIiBoZWlnaHQ9IjM1MCI+CiAgPHJlY3Qgd2lkdGg9IjYwMCIgaGVpZ2h0PSIzNTAiIGZpbGw9IiNjY2NjY2MiPjwvcmVjdD4KICA8dGV4dCB4PSI1MCUiIHk9IjUwJSIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9Im1vbm9zcGFjZSIgZm9udC1zaXplPSIyNnB4IiBmaWxsPSIjMzMzMzMzIj42MDAqMzUwPC90ZXh0PiAgIAo8L3N2Zz4=

ตัวยึดตำแหน่งคืออะไร?

พื้นที่ที่สำรองไว้หรือที่เรียกว่า PlaceHolder ในภาษาอังกฤษ มักจะใช้ในสถานการณ์ที่เนื้อหาจริงไม่จำเป็นแต่จำเป็นต้องคงตำแหน่งไว้ เช่น พื้นที่ที่สำรองไว้ของข้อความ พื้นที่ที่สำรองไว้ของรูปภาพ เครื่องมือนี้มีฟังก์ชันในการสร้างรูปภาพตัวยึดตำแหน่ง รูปภาพตัวแทนที่สร้างขึ้นอยู่ในรูปแบบ SVG กระบวนการสร้าง SVG เสร็จสมบูรณ์บนไคลเอนต์ (เบราว์เซอร์) ซึ่งรวดเร็วมาก ดังนั้นเครื่องมือนี้จึงเรียกว่าเครื่องมือตัวยึดตำแหน่ง SVG
ตัวยึดตำแหน่งส่วนใหญ่จะใช้ในการออกแบบต้นแบบหน้าเว็บ (APP) การนำเสนอ PPT คำแนะนำการใช้งาน และสถานการณ์อื่น ๆ ความหมายที่สื่อออกมาคือ จะวางภาพแบบไหน และมีขนาด xxx พิกเซล ในสถานการณ์ข้างต้น การใช้พื้นที่ที่สำรองไว้สามารถหลีกเลี่ยงค่าใช้จ่ายในการค้นหารูปภาพทุกครั้งได้