Custom Shape Dividers 可由用戶自訂形狀的 SVG 向量圖形產生器

Custom Shape Dividers 可由用戶自訂形狀的 SVG 向量圖形產生器

SVG( Scalable Vector Graphics )可縮放向量圖形,Custom Shape Dividers 這個免費網站,根據所支援的矩形類型,將其製作成只要透過幾個簡單的參數調整,就可產生不同的向量圖形產生器,並提供可以隨裝置不同的解析度而自動調整大小的 HTML 及 CSS 語法,讓用戶可以非常方便的應用到網頁上。

§相關文章,還可以參閱:

支援:

  • 向量顯示物件,基本向量顯示物件包括矩形、圓、橢圓、多邊形、直線、任意曲線等
  • 嵌入式外部圖像,包括 PNG、JPEG、SVG 等
  • 文字物件

如何使用 Custom Shape Dividers 產生 SVG 向量圖形?

1.使用瀏覽器進入 Custom Shape Dividers 網站,可以透過 Shape 選擇物件的基本形狀。

Custom Shape Dividers 可由用戶自訂形狀的 SVG 向量圖形產生器

2.Colour 可以選擇物件以外的顏色;Flip 可以將物件進行水平翻轉;Invert 將物件反轉;Top/bottom 則可以選擇物件位置; Height 及 Width 則可設定物件的大小。

Custom Shape Dividers 可由用戶自訂形狀的 SVG 向量圖形產生器

3.預設是以 Desktop 的解析度來顯示,可在右側進行調整。

Custom Shape Dividers 可由用戶自訂形狀的 SVG 向量圖形產生器

4.完成後,可按如下圖中間紅色框的圖示按鈕,取得 HTML 及 CSS 語法。

Custom Shape Dividers 可由用戶自訂形狀的 SVG 向量圖形產生器

Custom Shape Dividers 可由用戶自訂形狀的 SVG 向量圖形產生器

Google Chrome 瀏覽器在顯示網址的時候,會將 http 或者 https 協定與 www 隱藏,例如完整的 https://www.google.com 網址,在 Chrome 就只會看到 google.com,這樣的做法 Google 自有他的解釋與資安保證,對真不習慣的用戶來說,也可以透過 Chrome 實驗功能來開啟顯示完整網址的功能,最近,該功能已被實作在滑鼠右鍵功能選單中,讓用戶在滑鼠右鍵的功能選單中自行切換是否要開啟或隱藏。

如果對 Windows 內建的「相片」看圖片軟體,不甚滿意,也許可以來考慮 ImageGlass 這套免費又免安裝且有繁體中文介面的免費看圖軟體,該軟體除了可自由調整看圖比例,像是自動縮放、鎖定縮放比例、縮放至與高度或寬度相符、縮放到填滿之外,也支援裁剪功能、水平或垂直翻轉並可提供顏色選擇器,方便查看 RGBA、HEXA、CMYK 及 HSLA 等顏色代碼,另外也可以使用幻燈片的模式來自動播放資料夾內的多張圖片,並可設定每張圖片要播放的時間。