我正在尝试在SVG
图像中显示一些包含数学的维基百科文章
在QtWebView中,虽然我无法弄清楚如何设置图像的width
和height
属性。 {I} QtWebView
会忽略这些属性
省略它们,图像非常小。
您可以按如下方式测试: 下载this HTML编辑器。 转到this网页并下载例如this SVG图片。
创建img元素,反映维基百科中的样式:
<img src="e15d3619d42b28662c5952c9ece60cd928e31774.svg" style="vertical-align: -0.671ex; width:25.517ex; height:2.343ex;">
图像将被忽略。
以下作品,但图像非常小。
<img src="e15d3619d42b28662c5952c9ece60cd928e31774.svg" >
如何以正确的尺寸(宽度和高度)显示图像?
答案 0 :(得分:2)
尝试使用此HTML方法更改SVG图像尺寸:
<!-- you can test this code in any online html editor. -->
<html>
<head>
<!-- blah blah blah... -->
</head>
<body>
<p>all the images must be redrawn properly when SVG animation runs...</p>
<img height="250px" width="800px" border="5" src="https://wikimedia.org/api/rest_v1/media/math/render/svg/e15d3619d42b28662c5952c9ece60cd928e31774">
</body>
</html>
在WebKit浏览器中,通常会错误地计算SVG高度或宽度。要解决此问题,请使用此CSS样式:
svg { width: 100%; height: auto; }
我最近发现了非常有用且有趣的帖子:CSS Tricks: How to Scale SVG。
或者尝试使用这种Python方法来更改描述Here的 当然,您可以使用参数调用 或通过Qt直接指定大小: 另请参阅描述基于XML的方法Here的官方from PyQt5 import QtCore, QtGui, QtSvg
from PyQt5.QtWebKit import QGraphicsWebView
import sys
application = QtGui.QApplication(sys.argv)
myScene = QtGui.QGraphicsScene()
myView = QtGui.QGraphicsView(myScene)
box = QtSvg.QGraphicsSvgItem('/Users/swift/Desktop/myImage.svg').boundingRect()
webView = QGraphicsWebView()
webView.load(QtCore.QUrl('/Users/swift/Desktop/myImage.svg'))
webView.setFlags(QtGui.QGraphicsItem.ItemClipsToShape)
webView.resize(box.width(), box.height())
incWidth = 48
incHeight = 36
myScene.addItem(webView)
myView.resize(box.width() + incWidth, box.height() + incHeight)
myView.show()
sys.exit(app.exec_())
setHtml()
公共函数:code =
"""
<html>
<head>
</head>
<body>
<!-- You can load SVG image itself. -->
<img height="250px" width="800px" style="width: 100%;" src="myImage.svg">
<!-- Or you can load SVG Viewport and use other images inside it. -->
<svg width="600" height="450">
<image href="myImage.svg" x="0" y="0" height="320px" width="240px"/>
</svg>
</body>
</html>
"""
self.webView.setHtml(code)
svgImage = QImage(QSize(1280, 720))
Qt SVG Documentation
。
答案 1 :(得分:0)
使用其他单位的高度和宽度。例如:
<img src="https://www.w3.org/Icons/SVG/svg-logo.svg" height='200px' />