image-text

上一篇:https://incognitas.net/works/image-text/

這工具是上次說要做的,其實兩個月前就做好了,但ㄧ直懶得發。
建議看完上一篇再繼續看下去。

工具連結:https://tools.incognitas.net/image-text

 功能

其實跟上一篇差不多,但就是改用網頁做了。

使用方式

  1. 選擇檔案
  2. 調整邊界:
    文字上下邊界是指文字區塊的內墊(padding)(文字以外額外裁切的複製圖片大小)
    多行文字間距是指多行文字之間的外距(margin)(沒有背景,會被間距填滿顏色填滿)
  3. 調整文字樣式(相容CSS字串)
  4. 調整文字填滿顏色
  5. 調整間距(margin)填滿顏色
  6. 輸入字幕(或是追加範本)
  7. 產生(或動態預覽,比較吃效能)
  8. 按儲存或對圖片右鍵另存

圖例

設定參數範例