標籤: SVG 頁1

[VS Code 擴充套件] SVG- 方便的 SVG 標籤提示與預覽工具
網路資源

[VS Code 擴充套件] SVG- 方便的 SVG 標籤提示與預覽工具

在用 VS Code 寫網站時,如果有需要用到 SVG,推薦可以使用 SVG 這個 extension,只要安裝後就可以提示 SVG 的 code,以及有 SVG 的預覽功能。

Wrap SVG Online- 扭曲 SVG 圖形的線上工具
網路資源

Wrap SVG Online- 扭曲 SVG 圖形的線上工具

Wrap SVG Online 是一個頗有趣的線上工具,只要上傳 SVG 圖片就可以透過一些變形的點去改變形狀,之後再輸出就可以得到變形後的圖片了。

leaflet.js 設定 geoJson 樣式與綁定互動事件
教學

leaflet.js 設定 geoJson 樣式與綁定互動事件

説明設定 leaflet.js geoJson 樣式與綁定互動事件的方法。

Duet Design System- 提供許多現成的 UI 元件與設計規範方便架設網站使用
網路資源

Duet Design System- 提供許多現成的 UI 元件與設計規範方便架設網站使用

Duet Design System 是一個提供許多現成的 UI 元件與設計規範方便架設網站使用的函式庫,並可以與當今熱門前端框架 React、Vue.js 和 Angular 等整合,有興趣的可以參考看看方便加速網站開發。

Passion Hacks- 收錄許多好用的網頁元素與背景產生器
網路資源

Passion Hacks- 收錄許多好用的網頁元素與背景產生器

Passion Hacks 是一個有著許多好用的線上元素與背景產生器的網站,可以透過簡單的圖形化介面就能產出想要的效果。

Mono Icon- 免費的 SVG icon,可以複製 SVG code 或者直接下載檔案
網路資源

Mono Icon- 免費的 SVG icon,可以複製 SVG code 或者直接下載檔案

Mono Icon 是一個提供免費的 SVG icon 的服務,可以複製 SVG code 或者直接下載檔案,有需要 icon 資源的可以參考看看。

無障礙(Accessible) SVG 實踐方法
教學

無障礙(Accessible) SVG 實踐方法

說明在 SVG 實踐無障礙(Accessible)的設定方法。

Loaders- 提供開發者免費的讀取動畫圖示,使用 CSS 與 SVG 動畫與且支援 React 使用
網路資源

Loaders- 提供開發者免費的讀取動畫圖示,使用 CSS 與 SVG 動畫與且支援 React 使用

Loaders 提供給開發者免費的讀取動畫圖示,使用 CSS 與 SVG 動畫與且支援 React 使用。

LottieFiles- 收錄透過 After Effect 外掛 bodymovin 轉出來的動畫網站
網路資源

LottieFiles- 收錄透過 After Effect 外掛 bodymovin 轉出來的動畫網站

之前跟大家介紹過 bodymovin 這個可以把 After Effect 的動畫轉出來給網頁用的外掛,而他們官方也有提供使用者分享各自製作的動畫的網站,可以到上面找找有沒有喜歡的動畫效果。

designstripe- 免費的線上插圖繪製工具
網路資源

designstripe- 免費的線上插圖繪製工具

designstripe 是一個免費的線上插圖繪製工具,即使不會繪圖軟體也可以使用,免費方案可以下載 png 或 jpg 圖片,也可以付費下載向量格式的圖片。

SVG.js- 輕量且方便的 SVG 動畫函式庫
網路資源

SVG.js- 輕量且方便的 SVG 動畫函式庫

SVG.js 提供了比較簡潔的方法讓我們可以方便地在頁面上使用 SVG 及製作動畫。

bbburst- 線上 SVG 圖片產生器
網路資源

bbburst- 線上 SVG 圖片產生器

bbburst 是一個線上 SVG 圖片產生器,只要點選圖片就能隨機產生下一組圖片。

IFN- 日本免費圖示下載,可選擇 png 或 SVG 格式
網路資源

IFN- 日本免費圖示下載,可選擇 png 或 SVG 格式

IFN 是一個日本人製作的免費圖示資源,可選擇 png 或 SVG 格式下載。

SVG Viewer- 線上檢視還有最佳化 SVG 的工具,亦可轉檔出 SVG 或 React 格式
網路資源

SVG Viewer- 線上檢視還有最佳化 SVG 的工具,亦可轉檔出 SVG 或 React 格式

SVG Viewer 是一個可以線上檢視還有最佳化 SVG 的工具,亦可轉檔出 SVG 或 React 格式。

Crypto Logos- 收錄許多高畫質加密貨幣 logo 的網站
網路資源

Crypto Logos- 收錄許多高畫質加密貨幣 logo 的網站

Crypto Logos 是一個收錄許多高畫質加密貨幣 logo 的網站,看了這網站才發現加密貨幣的種類還真多。

Squircley- 線上 SVG 圖片產生器,可製作方形、圓形或圓角的方形
網路資源

Squircley- 線上 SVG 圖片產生器,可製作方形、圓形或圓角的方形

Squircley 是一個線上 SVG 圖片產生器,可製作方形、圓形或圓角的方形,只要透過簡單的設定就能輸出圖形。

Svg Wave- 製作波浪形狀的線上產生器,可輸出 SVG 或 png 格式
網路資源

Svg Wave- 製作波浪形狀的線上產生器,可輸出 SVG 或 png 格式

Svg Wave 一個製作波浪形狀的線上產生器,可輸出 SVG 或 png 格式。

Radix Icons- 小型免費 icon 下載,可選擇 SVG, Sketch 與 Figma 等格式
網路資源

Radix Icons- 小型免費 icon 下載,可選擇 SVG, Sketch 與 Figma 等格式

Radix Icons 是一個收錄小型免費 icon 的網站,可選擇 SVG, Sketch 與 Figma 等格式下載。