我只想要一个简单的SVG图像，该图像在某个角度上具有一些任意文本，我可以这样做。问题是，我还希望文本具有某种“轮廓”效果。与实心D相似，字母D的内边缘和外边缘用指定厚度的线绘制，而D的其余部分根本没有绘制，因此看起来几乎是“空心”的。
SVG可以做到吗？
最佳答案
是的，它可以 ;-）
我试图通过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;"
关于svg - 如何在SVG中的文本上获得轮廓效果？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40646768/