章節連結
在進行排版時又沒有正式的圖片可用時,生個假圖來占位,是前端、網頁設計師很常利用的技巧之一。這回要介紹的是 Dynamic Dummy Image Generator ,能夠客製的選項比較多,但僅能呈現文字就是了。
使用說明
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)
GA瀏覽人氣:33