以qt呈现的svg中以多行为中心的文本

2019年7月21日 282次阅读

我正在尝试创建一个将在QGraphicsSvgItem中读取的svg.我读了一些文档,看来这就是我想要的：

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100"
     xml:space="preserve">
    <rect fill="#437624" stroke="none" fill-opacity="1" x="0" y="0" width="100" height="100" />

    <text y="50" transform="translate(50)">
       <tspan x="0" text-anchor="middle">No</tspan>
       <tspan x="0" text-anchor="middle" dy="15">Arrow</tspan>
   </text>
</svg>

这将创建一个矩形 – 以及一个居中的多行文本：
《以qt呈现的svg中以多行为中心的文本》这就是它在浏览器中的样子.

在Qt中,当加载到QGraphicsSvgItem时,它看起来像这样：
《以qt呈现的svg中以多行为中心的文本》

我想Qt SVG渲染器不支持某些东西……

更糟糕的是,设置字体大小使我的Qt文本完全消失：

    <text y="40" font-size="24" transform="translate(50)">
       <tspan x="0" text-anchor="middle">No</tspan>
       <tspan x="0" text-anchor="middle" dy="30">Arrow</tspan>
   </text>

如何让Qt从svg获取一个多行中心文本作为第一个图像(我应该在SVG中放什么)？

(Qt 4.7到5.5 ……)

编辑：

这有效(但除了确定单个项目之外,仍然无法弄清楚如何进行多行)

<text x="0" y="40" font-size="24" transform="translate(50)" text-anchor="middle">No</text>
<text x="0" y="70" font-size="24" transform="translate(50)" text-anchor="middle">Arrow</text>

我发现即使从教程复制svgs,任何包含tspan的svgs在浏览器中正确呈现但在QGraphicsSvgItem中没有显示 – 或者它们可能只在一个完全不同的位置.

最佳答案 我相信你的问题的答案在QGraphicsSvg和标准SVG Tiny 1.2的文档中.

你的库只支持SVG Tiny而不是完整的SVG规范,虽然SVG Tiny支持“tspan”,但它也说明了这一点：

“在SVG Tiny 1.2中’tspan’上没有’x’,’y’和’rotate’等位置属性.”

参见SVG Tiny 1.2：https://www.w3.org/TR/SVGTiny12/text.html#TSpanElement

另见Does QT support svg?

点赞