【Qt】SVG

【目的】

• (TBD)

【工具】

1. svg-edit http://code.google.com/p/svg-edit/
   SVG 線上編輯器。
2. Carve SVG Editor http://www.codedread.com/carve/
   這套編輯器是用Qt寫的。

【基本語法】

1. Rectangle

   <rect y="130" x="86" width="39" id="svg_13" height="45" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="#ff7f00"/>

2. Text

   <text x="50%" y="50%," text-anchor="middle" font-size="30">Hello World</text>

3. Path(繪製星星)

   <path d="M100,10 L100,10 40,180 190,60 10,60 160,180 z" stroke="blue" fill="darkblue" stroke-width="4" />

4. 其它語法請參考
   1. SVG Tutorial
      http://www.w3schools.com/svg/default.asp 
   2. Pike's SVG Tutorial
      http://apike.ca/prog_svg.html
   3. SVG中Path路径指令教程
      http://www.chinasvg.com/support/svg-tutorial/svg-path-directive-guide.html

【步驟】

1. 記的加入 QtSvg 設定。
   
2. QGraphicsSvgItem: QGraphicsSvgItem provides a way of rendering SVG files onto QGraphicsView
3. QGraphicsView

【問題】

1. 如何取得每一個元件的屬性。如方行元件的的長與寬。

【參考】

• Qt 官方範例
  Qt Demo | Painting |SVG Viwer