2012年10月17日 星期三

Inkscape Plugin,svg2css

這個 Inkscape Plugin,能夠將 SVG 轉換為 HTML+CSS。


下載
https://github.com/shogo82148/svg2css


安裝
解壓縮後,把下面這三個檔案放到
mac:Application/Inkscape/Contents:/Resources/extensionsubuntu: ~/.config/inkscape/extensions
  • svg2css.py
  • svg.py
  • svg2css.inx

執行
將你的 SVG 存檔的時候,請選擇 "HTML+CSS(.html)" 格式

製作 SVG 檔案需要注意的地方
  • 這只能使用"建立矩形與正方形" 與"建立圓形、橢圓形與弧形"這兩種功能建立圖形,其他造型是無法轉換。
  • CSS 的陰影與模糊的效果,請在 Inkscape 的"填充與邊框"中去調整"模糊"的數值,這樣才能轉換。
  • 更多細節請見 readme-slide 和 test 檔案夾。