2011-11-04 118 views
3

我將如何去添加交互式SVG文件到QGraphicsScene?我可以添加一個交互式SVG文件,但它只是顯示爲靜態圖像。我正在閱讀有關QGraphicsWebView,但無法弄清楚如何添加SVG文件和它的例子缺乏。pyQt與交互式SVG圖像

讓我更具體一點,我正在尋找。假設我有一個繪製一個盒子的SVG文件。當我將鼠標懸停在該框上時,我想將顏色更改爲觸發懸停事件。我必須編輯文件並重新繪製圖像嗎?感覺應該有一種與Qt交互的SVG文件的方式。

回答

5

我有同樣的問題,你的問題指出我在正確的方向(使用QGraphicsWebView())。 解決方案其實很簡單:

import sys 
from PyQt4 import QtCore, QtGui, QtSvg 
from PyQt4.QtWebKit import QGraphicsWebView 
if __name__ == "__main__": 
    app = QtGui.QApplication(sys.argv) 

    scene = QtGui.QGraphicsScene() 
    view = QtGui.QGraphicsView(scene) 

    br = QtSvg.QGraphicsSvgItem("C:\your_interactive_svg.svg").boundingRect() 

    webview = QGraphicsWebView() 
    webview.load(QtCore.QUrl("C:\your_interactive_svg.svg")) 
    webview.setFlags(QtGui.QGraphicsItem.ItemClipsToShape) 
    webview.setCacheMode(QtGui.QGraphicsItem.NoCache) 
    webview.resize(br.width(), br.height()) 

    scene.addItem(webview) 
    view.resize(br.width()+10, br.height()+10) 
    view.show() 
    sys.exit(app.exec_()) 

它的工作非常適合我(腳本和其他的東西)。

正如你所看到的,我也加載了我的svg爲QGraphicsSvgItem,因爲我不知道其他方式來獲取我的svg大小。

2

我想出了一個辦法,但我不認爲這是最好的辦法。我有兩個文件: white.svg green.svg

懸停函數我渲染圖像並強制顯示它。

def hoverEnterEvent(self, event): 
    self.render.load('green.svg') 
    self.show() 

def hoverLeaveEvent(self, event): 
    self.render.load('white.svg') 
    self.show() 

,其中自是QGraphicsSvgItem將

我不喜歡這種方式,因爲我現在已經有兩個.SVG文件insted的之一。如果有人有更好的解決方案,我願意接受建議。