在Python中显示SVG文件

5
我正在创建一个Python3程序,用于生成我个人项目所需的随机圆形SVG图像。目前程序完美运行,但我想微调一些参数以产生尽可能好的结果。我的想法是有一个显示窗口,显示中间结果,并且有一个交互式 shell 来更改生成圆形位置的某些值,而无需创建数千个不同的图像并进行比较。完成后,我只需要保存结果。
问题在于:我真的不知道如何实现这个功能。起初我考虑使用Matplotlib,通常非常适合这些任务,但似乎不能读取SVG文件。我还考虑直接在图中绘制圆圈,但其中一些必须模糊(SVG文件中的高斯模糊滤镜),而Matplotlib似乎无法模糊形状。最后,我寻找其他能够显示SVG文件或直接生成SVG文件的文本的解决方案,但没有找到合适的。
编辑:我刚刚尝试了CairoSVG将SVG文件转换为PNG。它可以工作,但不支持高斯模糊,因此这是一个次优解。我可以接受将SVG文件转换为PNG或其他格式的解决方案,但希望它至少支持高斯模糊,否则我可以简单地使用Matplotlib绘制每个圆。
感谢您提前的帮助!

我刚刚尝试了使用PyQt5和QSvgWidget,遵循这个想法;但它也没有显示模糊效果。 - Demi-Lune
1个回答

1
这里提供了一种使用PyQt5(或者在我这个例子中是PySide2)和QWebEngineView的解决方案(这里有链接1或者链接2可以解释为什么QSvgWidget不能处理像模糊这样的滤镜)。
这只是显示svg(带有其模糊效果),您可能想添加小部件以使其交互更符合您的需求。
import sys

from PySide2 import QtCore, QtGui, QtWidgets
from PySide2.QtNetwork import QNetworkProxy, QNetworkProxyFactory
from PySide2.QtWebEngineWidgets import QWebEngineView


class DisplaySVG(QtWidgets.QWidget):
    "A simple SVG display."
    def __init__(self, url=None, parent=None):
        super().__init__(parent)
        self.resize(800,600)
        self.verticalLayout = QtWidgets.QVBoxLayout(self)
        self.webview = QWebEngineView(self)
        self.verticalLayout.addWidget(self.webview)

        self.setWindowTitle("Display SVG")
        act = QtWidgets.QAction("Close", self)
        act.setShortcuts([QtGui.QKeySequence(QtCore.Qt.Key_Escape)])
        act.triggered.connect(self.close)
        self.addAction(act)

        svg = '''
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="210mm"
   height="297mm"
   viewBox="0 0 210 297"
   version="1.1"
   id="svg8"
   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
   sodipodi:docname="drawing.svg">
  <defs
     id="defs2">
    <filter
       style="color-interpolation-filters:sRGB;"
       inkscape:label="Blur"
       id="filter4530">
      <feGaussianBlur
         stdDeviation="3.48559 2"
         result="fbSourceGraphic"
         id="feGaussianBlur4528" />
      <feColorMatrix
         result="fbSourceGraphicAlpha"
         in="fbSourceGraphic"
         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
         id="feColorMatrix4532" />
      <feGaussianBlur
         id="feGaussianBlur4534"
         stdDeviation="3.49 2"
         result="blur"
         in="fbSourceGraphic" />
    </filter>
  </defs>
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="0.7"
     inkscape:cx="214.06823"
     inkscape:cy="366.85869"
     inkscape:document-units="mm"
     inkscape:current-layer="layer1"
     showgrid="false"
     inkscape:window-width="1487"
     inkscape:window-height="958"
     inkscape:window-x="58"
     inkscape:window-y="85"
     inkscape:window-maximized="0" />
  <metadata
     id="metadata5">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Layer 1"
     inkscape:groupmode="layer"
     id="layer1">
    <circle
       style="opacity:1;fill:#ff5555;fill-opacity:0.57480317;stroke:#2c2cff;stroke-width:1.882;stroke-miterlimit:4;stroke-dasharray:3.764, 1.88199999999999990;stroke-dashoffset:0;stroke-opacity:1;filter:url(#filter4530)"
       id="path4518"
       cx="66.523811"
       cy="123.13095"
       r="36.285713" />
  </g>
</svg>
        '''

        self.webview.setHtml(svg)

qt_app = QtWidgets.QApplication(sys.argv)
disp = DisplaySVG()
disp.show()
qt_app.exec_()

它肯定可以正确显示SVG文件。我需要仔细查看PyQt5文档,看看是否可以获得类似于plt.ion()的东西,在窗口打开时工作并刷新图像,但至少现在我有了一个起点。非常感谢! - GRB

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接