小编use*_*318的帖子

防止 SVG 笔划填充文本

我有一个 SVG 文本,用于在网页上显示某种类型的标题,但它总是看起来很糟糕。我不太确定如何描述它,但字母的轮廓比我想要的要大得多。

代码

text {
  fill: #f8a100;
  font-size: 80px;
  stroke-linejoin: round;
  text-anchor: middle;
  fill: #81d8d0;
  stroke: #000;
  stroke-width: 4px;
}
Run Code Online (Sandbox Code Playgroud)
<svg width="900" height="150" viewBox="0 0 900 150">
  <text x="175" y="80">Welcome!</text>
</svg>
Run Code Online (Sandbox Code Playgroud)

我尝试过调整笔画宽度,甚至移动字体大小,但似乎这些都没有帮助。我正在寻找的只是带有笔划颜色的字母周围的轻微轮廓,但对它们来说主要是填充颜色

css svg

3
推荐指数
1
解决办法
922
查看次数

标签 统计

css ×1

svg ×1