[指南] Dynamic Dummy Image Generator 簡單好用的假圖生產器

章節連結

• 使用說明

在進行排版時又沒有正式的圖片可用時，生個假圖來占位，是前端、網頁設計師很常利用的技巧之一。這回要介紹的是 Dynamic Dummy Image Generator ，能夠客製的選項比較多，但僅能呈現文字就是了。

---

使用說明

網址：https://dummyimage.com/

1. 進入網站後，使用方式非常簡單。你會先看到有一個預覽圖，你可以輸入尺寸大小、背景顏色(使用Hex Code)、字體顏色、檔案格式和文字。
2. 接著你就會看到對應的生成網址，你可以直接帶入這個網址作使用。
3. 如果你要客製化的調整細項，你可以拉到網頁下方看說明。這同時也是個 Github 專案，可以點選這裡查看。

按讚加入粉絲團

延伸閱讀

• [筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 8
• [筆記] GoFullPage 好用的 Google Chrome 擷取需要捲動的瀏覽器視窗範圍
• [指南] Amazon Amplify 初探 – 佈署一個結合身分認證的 Vue.js 應用
• [筆記] AlphaCamp 不只是刷題的 Leetcode 訓練營 – 4
• [筆記] TypeScript + D3.js + Vue 3 – 幫長條圖加上基本的水平、垂直軸 ( x, y axis)