簡單認識SVG可縮放向量圖形

簡單認識SVG可縮放向量圖形

網頁上不管是gif、jpg或是png檔,只要放大超過實際大小,就會失真

所以就出現了SVG(Scalable Vector Graphics)向量檔,它是用XML的方式來標記圖像,所以不管怎麼縮放都是清清楚楚!

使用方式很簡單:

  1. 用Illustrator另存成svg檔
  2. 建立html檔,插入svg

簡單認識SVG可縮放向量圖形

簡單認識SVG可縮放向量圖形

SVG用在Android app 開發上時,要轉成xml,分享個工具:

http://a-student.github.io/SvgToVectorDrawableConverter.Web/

參考:http://www.oxxostudio.tw/articles/201406/svg-01-intro.html

簡單認識SVG可縮放向量圖形
簡單認識SVG可縮放向量圖形
關於作者 多力哥
簡單認識SVG可縮放向量圖形
影像創作攝影師/網頁動畫設計師/系統網路工程師/水草研究生
景文科大畢業後,我成為一名網站動畫設計師,並副修MIS電腦資訊管理。2004年,我開始接觸單眼相機,並在2008年正式成為一名接案攝影師,目前使用Canon系統進行拍攝。2016年,我愛上了美麗的水草缸,這讓我的生活多了另一層次的放鬆。每天在電腦前修圖時,能欣賞紅吱吱、綠油油的水草,彷彿多了一份平靜與愉悅。攝影與水草讓我的生活充滿了藝術與自然的交融。
連絡信箱:hello@hahasmile.com (歡迎合作提案)
DORIGO IMAGE 攝影工作室:https://dorigo-image.com
如果你喜歡我的內容,可以用行動贊助我一杯咖啡☕,支持我持續創作,也讓這個網站可以繼續營運下去喔!

若您喜歡這篇文章,歡迎按讚分享喔!
0 回復

發表評論

想要留言嗎?
歡迎歡迎!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *