SVG相關的文章,目前共收錄 112 篇內容。
Iconbuddy 是一個收錄許多了上萬種 icon 的線上服務,你可以選擇自己喜歡的圖示並自訂樣式,網站也提供多種不同的格式可供選擇,這樣就可以按照個別的需求下載圖示。
當使用 CSS :before 和 content 屬性來插入 SVG 圖片時,可能會遇到長寬為 0 的情況。這通常是由於缺少必要的 CSS 屬性導致的。
Free SVG Illustration 是一個提供免費 SVG 插圖下載的服務,並可自訂顏色,還有付費便能取得更多豐富插圖。
LogoliveryAI 是一個免費的基於人工智慧的Logo產生器,可以根據您的指示,在幾秒鐘內創造出符合您需求的免費商標設計,並將所有原始檔案匯出為SVG格式。
Loaf 是一個有許多內建效果並可以客製化的 SVG 動畫圖庫,下載應用程式後就可以透過介面操作並輸出,只是大多數的動畫都是要錢的,可以斟酌使用。
IRA Design 是一個提供更多自訂空間的線上向量插圖圖庫。它具有「即用」插圖,您可以為不同元件(例如角色的頭髮或衣服)選擇單獨的顏色(僅提供漸層)。但您也可以分別下載元件(背景、物件和角色),並在您的裝置上按您的方式組合它們。所有項目都可以在 MIT 授權下免費下載。
Illustration Gallery 是一個免費插畫圖庫,可下載 PNG 或 SVG 格式,而且可以做商業用途。
SVG Artista 是一個線上 SVG 動畫產生器,只要上傳檔案到網站上,然後透過介面調整參數,接著將 SVG 以及 CSS 的原始碼複製後,就可以在網站上使用了。
Illustroke 是一個只要輸入基本的關鍵詞,然後選擇風格和圖層數量,就能透過 AI 生成相應的 SVG 插圖的服務。
Vectorizer.AI 是一個簡單上傳圖片,就可以幫你透過 AI 轉成向量圖的網站,轉換的速度很快而且精度還很高。
在用 VS Code 寫網站時,如果有需要用到 SVG,推薦可以使用 SVG 這個 extension,只要安裝後就可以提示 SVG 的 code,以及有 SVG 的預覽功能。
Wrap SVG Online 是一個頗有趣的線上工具,只要上傳 SVG 圖片就可以透過一些變形的點去改變形狀,之後再輸出就可以得到變形後的圖片了。
Duet Design System 是一個提供許多現成的 UI 元件與設計規範方便架設網站使用的函式庫,並可以與當今熱門前端框架 React、Vue.js 和 Angular 等整合,有興趣的可以參考看看方便加速網站開發。
Mono Icon 是一個提供免費的 SVG icon 的服務,可以複製 SVG code 或者直接下載檔案,有需要 icon 資源的可以參考看看。