Cambia il colore di uno svg in qt

Question

Ho un file svg caricato nelle risorse, ma è nero. Come posso cambiare il colore in bianco?

Answer 1

Ecco come è possibile farlo in Qt, non dimenticare di aggiungere i moduli xml e svg al progetto qt (file * .pro). Questo snippet di codice cambia il colore modificando l'attributo "fill" di qualsiasi elemento "percorso" ma è possibile utilizzarlo per modificare qualsiasi attributo di qualsiasi elemento.

void SetAttrRecur(QDomElement &elem, QString strtagname, QString strattr, QString strattrval); 

void ChangeSVGColor() 
{ 

    // open svg resource load contents to qbytearray 
    QFile file("myfile.svg"); 
    file.open(QIODevice::ReadOnly); 
    QByteArray baData = file.readAll(); 
    // load svg contents to xml document and edit contents 
    QDomDocument doc; 
    doc.setContent(baData); 
    // recurivelly change color 
    SetAttrRecur(doc.documentElement(), "path", "fill", "white"); 
    // create svg renderer with edited contents 
    QSvgRenderer svgRenderer(doc.toByteArray()); 
    // create pixmap target (could be a QImage) 
    QPixmap pix(svgRenderer.defaultSize()); 
    pix.fill(Qt::transparent); 
    // create painter to act over pixmap 
    QPainter pixPainter(&pix); 
    // use renderer to render over painter which paints on pixmap 
    svgRenderer.render(&pixPainter); 
    QIcon myicon(pix); 
    // Use icon ....  

} 


void SetAttrRecur(QDomElement &elem, QString strtagname, QString strattr, QString strattrval) 
{ 
    // if it has the tagname then overwritte desired attribute 
    if (elem.tagName().compare(strtagname) == 0) 
    { 
     elem.setAttribute(strattr, strattrval); 
    } 
    // loop all children 
    for (int i = 0; i < elem.childNodes().count(); i++) 
    { 
     if (!elem.childNodes().at(i).isElement()) 
     { 
      continue; 
     } 
     SetAttrRecur(elem.childNodes().at(i).toElement(), strtagname, strattr, strattrval); 
    } 
} 

Answer 2

Finché non ne hai bisogno su Mac, questo dovrebbe funzionare:

http://doc-snapshot.qt-project.org/4.8/qwidget.html#setGraphicsEffect

http://doc-snapshot.qt-project.org/4.8/qgraphicscolorizeeffect.html

EDIT: O se è necessario supportare Mac, fare il rendering SVG e gli effetti all'interno di una QGraphicsView.

http://doc-snapshot.qt-project.org/4.8/qgraphicsitem.html#setGraphicsEffect

Imposta l'effetto Colorize per colorare di bianco, e impostarlo sul svgWidget.

Spero che questo aiuti.

Answer 3

Se il bianco è l'unico colore necessario, una soluzione semplice sarebbe quella di cambiare il colore dell'immagine originale SVG con un editor di immagini (ad esempio Inkscape). Naturalmente, se hai bisogno di usare l'immagine con molti colori diversi, non sarà una soluzione ragionevole.

Answer 4

Poiché il formato SVG è basato su XML e XML è solo testo ASCII ... è possibile caricare la risorsa SVG in un QString, chiamare QString :: replace ("\" # 000000 \ "", "\" #ffffff \ ""), quindi passa QString modificato a QSVGRenderer.