PyQt5 如何在Python中显示SVG图像

在本文中，我们将介绍如何使用PyQt5在Python中显示可缩放矢量图形（SVG）图像。SVG是一种基于XML语法的图像格式，它不仅可以在不损失图像质量的情况下调整尺寸，还可以在不同设备上保持高清晰度。

阅读更多：PyQt5 教程

PyQt5 简介

PyQt5是一个用于创建桌面图形界面应用程序的Python模块，它是对Qt应用程序框架的Python绑定。Qt是一个跨平台的应用程序开发框架，能够提供丰富的图形界面和功能。PyQt5提供了一组丰富的类和方法，使我们能够轻松地在Python中创建GUI应用程序并操作图像。

加载和显示SVG图像

要显示SVG图像，我们需要使用PyQt5的QSvgWidget类。QSvgWidget是一个可以渲染和显示SVG图像的小部件。下面是一个基本的示例，显示一个名为”image.svg”的SVG图像：

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow, QSvgWidget

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.initUI()

    def initUI(self):
        svgWidget = QSvgWidget(self)
        svgWidget.load('image.svg')
        self.setCentralWidget(svgWidget)
        self.setWindowTitle('Display SVG Image')
        self.setGeometry(100, 100, 400, 300)

if __name__ == '__main__':
    app = QApplication(sys.argv)
    mainWindow = MainWindow()
    mainWindow.show()
    sys.exit(app.exec_())

在上面的代码中，我们创建了一个名为MainWindow的主窗口类，该类继承自QMainWindow类。在主窗口类中，我们使用QSvgWidget类创建了一个SVG图像显示小部件，并使用load()方法加载了名为”image.svg”的SVG图像。然后，我们将该小部件设置为主窗口的中央小部件，并设置了窗口的标题和大小。最后，我们使用QApplication类创建了一个应用程序对象，并将主窗口显示出来。

运行以上代码，我们将看到一个显示了SVG图像的窗口。

缩放SVG图像

使用QSvgWidget可以很容易地缩放SVG图像。QSvgWidget类的实例具有具有缩放功能的sizeHint()方法。以下示例演示了如何使用滑块控件来调整SVG图像的大小：

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow, QSvgWidget, QLabel, QSlider, QVBoxLayout, QWidget
from PyQt5.QtCore import Qt, QSize

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.initUI()

    def initUI(self):
        self.svgWidget = QSvgWidget(self)
        self.svgWidget.load('image.svg')
        self.setCentralWidget(self.svgWidget)

        self.slider = QSlider(Qt.Horizontal, self)
        self.slider.valueChanged[int].connect(self.onSliderValueChanged)
        self.slider.setRange(10, 200)

        vbox = QVBoxLayout()
        vbox.addWidget(self.svgWidget)
        vbox.addWidget(self.slider)

        widget = QWidget(self)
        widget.setLayout(vbox)
        self.setCentralWidget(widget)

        self.setWindowTitle('Scale SVG Image')
        self.setGeometry(100, 100, 400, 400)

    def onSliderValueChanged(self, value):
        scale = value / 100.0
        self.svgWidget.setMinimumSize(QSize(100 * scale, 100 * scale))
        self.svgWidget.setMaximumSize(QSize(500 * scale, 500 * scale))
        self.svgWidget.updateGeometry()

if __name__ == '__main__':
    app = QApplication(sys.argv)
    mainWindow = MainWindow()
    mainWindow.show()
    sys.exit(app.exec_())

在上述代码中，我们添加了一个QSlider滑块控件，该控件用于调整SVG图像的大小。滑块控件的值变化时，我们通过onSliderValueChanged()方法来调整SVG图像的大小。在该方法中，我们通过获取滑块控件的值并将其除以100来计算缩放比例。然后，我们使用setMinimumSize()和setMaximumSize()方法设置SVG图像的最小和最大尺寸，并调用updateGeometry()方法来更新图像的几何大小。