PyQt6自定义颜色渲染SVG图标失效问题求助

问题说明 #

使用PyQt6将SVG渲染到QPixmap时，调用painter.setPen(color)无法改变SVG的颜色，SVG仍显示默认黑色，但背景透明正常。测试SVG为谷歌Material Symbols Outlined的delete图标，环境为Ubuntu22.10、X11、PyQt6.3.1。

原因分析 #

QSvgRenderer渲染时会严格遵循SVG文件中定义的fill和stroke颜色属性，不会自动继承QPainter的画笔/画刷设置。只有当SVG中使用currentColor作为颜色值时，才会引用当前绘图上下文的颜色。

解决方法 #

方法一：手动修改SVG源文件 #

直接编辑SVG文件，将所有固定颜色（如fill="#000"、stroke="#000"）替换为currentColor。例如，将Material Symbols的delete图标中的填充颜色修改为：

fill="currentColor"

修改后，原代码补充设置画刷颜色即可生效：

def svg_to_pixmap(svg_filename: str, width: int, height: int, color: QColor) -> QPixmap:
    renderer = QSvgRenderer(svg_filename)
    pixmap = QPixmap(width, height)
    pixmap.fill(Qt.GlobalColor.transparent)
    painter = QPainter(pixmap)
    painter.setPen(color)
    painter.setBrush(color)  # 针对fill属性设置画刷
    renderer.render(painter)
    painter.end()
    return pixmap

方法二：代码中动态修改SVG内容 #

无需手动编辑文件，在代码中读取SVG内容并替换颜色属性为currentColor，再加载渲染：

from PyQt6.QtSvg import QSvgRenderer
from PyQt6.QtGui import QPixmap, QPainter, QColor, Qt

def svg_to_pixmap(svg_filename: str, width: int, height: int, color: QColor) -> QPixmap:
    # 读取SVG文件内容
    with open(svg_filename, 'r', encoding='utf-8') as f:
        svg_content = f.read()
    
    # 替换固定颜色为currentColor（适配Material Symbols的格式）
    svg_content = svg_content.replace('fill="#000000"', 'fill="currentColor"')
    svg_content = svg_content.replace('stroke="#000000"', 'stroke="currentColor"')
    
    # 加载修改后的SVG内容
    renderer = QSvgRenderer(svg_content.encode('utf-8'))
    
    pixmap = QPixmap(width, height)
    pixmap.fill(Qt.GlobalColor.transparent)
    
    painter = QPainter(pixmap)
    painter.setPen(color)
    painter.setBrush(color)
    renderer.render(painter)
    painter.end()
    
    return pixmap

# 测试代码
if __name__ == "__main__":
    from PyQt6.QtWidgets import QApplication, QLabel
    
    app = QApplication([])
    pixmap = svg_to_pixmap("test.svg", 512, 512, Qt.GlobalColor.red)
    label = QLabel()
    label.setStyleSheet("background-color: yellow;")
    label.setPixmap(pixmap)
    label.show()
    app.exec()

方法三：使用绘图组合模式叠加颜色 #

若无法修改SVG内容，可先渲染原始SVG到Pixmap，再用目标颜色通过组合模式覆盖：

def svg_to_pixmap(svg_filename: str, width: int, height: int, color: QColor) -> QPixmap:
    renderer = QSvgRenderer(svg_filename)
    pixmap = QPixmap(width, height)
    pixmap.fill(Qt.GlobalColor.transparent)
    
    # 先渲染原始SVG
    painter = QPainter(pixmap)
    renderer.render(painter)
    
    # 使用组合模式叠加颜色
    painter.setCompositionMode(QPainter.CompositionMode.CompositionMode_SourceIn)
    painter.fillRect(pixmap.rect(), color)
    
    painter.end()
    return pixmap

注意：此方法仅适用于单色SVG，若SVG包含多种颜色或半透明效果，可能导致显示异常。

内容的提问来源于stack exchange，提问作者kleio12345