svg - 如何在SVG中的文本上获得轮廓效果？

Question

我只想要一个简单的 SVG 图像，在一个角度上有一些任意文本，我可以做到。事情是，我还希望文本具有某种“轮廓”效果。与实心 D 不同，字母 D 的内外边缘都用指定粗细的线绘制，而 D 的其余部分根本没有绘制，因此看起来几乎是“空心”的。

SVG 能做到这一点吗？

Answer 1

是的，它可以 ;-)

我试图通过 Inkscape 意识到这一点然后编辑 svg-File 的源代码。
只是不要填充它并使用带有颜色和宽度的笔划来绘制它。
我明白了:

<text x="100" y="100" id="text2383" xml:space="preserve" style="font-size:56px;font-style:normal;font-weight:normal;fill:none;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans">
<tspan x="100" y="100" id="tspan2385">D</tspan></text>

有趣的部分在于“样式”属性。

"fill:none;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"