Question

我如何将交互式SVG文件添加到QGraphicsScene？我可以添加一个交互式SVG文件，但它只是显示为静态图像。我正在阅读有关QGraphicsWebView的内容，但无法弄清楚如何添加SVG文件并且缺少示例。

让我对我正在寻找的东西更加具体。假设我有一个绘制框的SVG文件。当我将鼠标悬停在那个盒子上时，我想将颜色更改为触发悬停事件。我是否必须编辑文件并重新绘制图像？感觉应该有一种方法用Qt做交互式SVG文件。

Answer 1

我遇到了同样的问题，你的问题指向了正确的方向（使用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的大小。

Answer 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()

其中self是QGraphicsSvgItem

我不喜欢这种方式，因为我现在必须有两个.svg文件。如果有人有更好的解决方案，我愿意接受建议。

pyQt与交互式SVG图像

2 个答案: