Inkscape and SVG
11
Sep
Sep
0
小小建議
IE 本身不支援 SVG，同時不支援 PNG alpha transparency 功能，因為這只是練習，所以不打算針對 IE 做些專門修改，強烈推薦 firefox 瀏覽。
緣起
Inkscape 是個開放的 SVG 編輯軟體，雖然目前功能不及商業版本，不過免費的特性，讓大家可以自由下載享受動手作 SVG 的樂趣。
紅十字加點
基本設定與劃出十字的圖案，下為匯出的PNG檔。
運行的過程請參考 
ink_1_redcrossdot screencast
- 開啟 Inkscape
- 改大小
- 取 320×180
- 放大符合視窗
- 秀格線
- 改格線大小
- 畫底方形
- 變更底色與邊框
- 調整方形圓角
- 加十字橫
- 加十字豎
- shift 將兩個方形一起選後合併成單一路徑
- 加個小點
- 採用漸層
- 設定文件 metadata
- 存檔
- 匯出成 PNG 檔
原點
畫圖如果需要比較精確的定位，就需要自訂參考線 Guide Line。準備 320×180 開畫，下為匯出的PNG檔。
運行的過程請參考 ink_2_origin screencast
- 要拉參考線需要從尺規處開始拉
- 拉完可以看到參考線
- 可以編輯到精確位置
- 換拉水平參考
- 改中間 90
- 畫三角形
- 做副件
- 變形
- 先倒過來
- 先左移 50 看看
- 再加碼 10
- 換邊做一次
- 換個顏色會所以副件一起改
- 再下拉 10
links
A Guide to Inkscape 一定要看
