从服务器响应中渲染 SVG

Question

我正在开发一个应用程序，该应用程序需要对代表特定产品配置的 SVG 的服务器请求。 这是我第一次与 SVG 打交道，我很想以这样一种方式解码服务器响应，以便可以使用 QSvgRenderer 显示图像。 像这样的东西

QByteArray panelData(QS.toStdString().c_str(), QS.length());
QSvgRenderer renderSVG(panelData);
QImage image(500, 200, QImage::Format_ARGB32);
QPainter painter(&image);
renderSVG.render(&painter);

我也想过像这样在 qlabel 路线上使用 qpixmap。

QPixmap pix;
pix.fromImage(image);
ui->PixLabel->setPixmap(QPixmap::fromImage(image));

正如其他人所建议的那样，我尝试使用 QTextdocument::toHtml ，但最终只能为其他人交易一组解码问题。 qt 库是否有直接呈现以下响应的方法？

部分服务器回复...

<?xml version="1.0" encoding="UTF-8" Standalone="no"?> <svg width="307px" height="625px" version="1.1" xmlns=" http://www.w3. org/2000/svg "> <defs> <linearGradient id="P-mlvr" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0 %" style="stop-color:#f0f0f0;stop-opacity:1;" /> <stop offset="0.0625" style="stop-color:#e0e0e0;stop-opacity:1;" /> <stop offset="100%" style="stop-color:#d0d0d0;stop-opacity:1;" /> </linearGradient> <linearGradient id="P-flvr" x1="0%" y1="100%" x2="0%" y2="0%"> <stop offset="0%" style= “停止颜色：#b0b0b0；停止不透明度：1；” /> <stop offset="0.0625" style="stop-color:#e0e0e0;stop-opacity:1;" /> <stop offset="75%" style="stop-color:#e0e0e0;stop-opacity:1;" /> <stop offset="100%" style="stop-color:#d0d0d0;stop-opacity:1;>

Answer 1

假设QByteArray有效（svg xml 描述符连贯且完整，编码处理正确），这是有效的：

QString QS = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>"
             "<svg version=\"1.1\" viewBox=\"0 0 500 500\" width=\"500px\" height=\"500px\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">"
             "<title>Test</title>"
             "<rect x=\"100\" y=\"100\" width=\"100\" height=\"100\" stroke=\"blue\" fill=\"purple\" fill-opacity=\"0.5\" stroke-opacity=\"0.8\"/>"
             "</svg>";
QByteArray panelData(QS.toStdString().c_str(), QS.length());
QSvgRenderer renderSVG(panelData);
QImage image(500, 500, QImage::Format_ARGB32_Premultiplied);
QPainter painter(&image);
renderSVG.render(&painter);
bool res = image.save("D:\\HD\\Desktop\\svg.png");

Answer 2

经过多次测试，我发现问题源于编码。 QSvgRenderer 无法直接解码服务器响应，这导致 renderSVG.load() 失败。 我不得不使用 QTextDocument 的解码 function 以 QSvgRenderer 可以读取它的方式解码响应。

QString QS = QString::fromUtf8(serverReply.c_str());
QTextDocument text;
text.setHtml(QS);
QString plain = text.toPlainText();
QByteArray panelData(QByteArray::fromStdString(plain.toStdString()));

QSvgRenderer renderSVG;
renderSVG.load(panelData);
QPixmap pix(RenderSVG.defaultSize());
QPainter pixPainter(&pix);
renderSVG.render(&pixPainter);
ui->pixLabel->setPixmap(pix);