gpt4 book ai didi

CSS Property Stroke 正在剪裁我的 SVG 字体字母

转载 作者:行者123 更新时间:2023-11-28 05:09:04 25 4
gpt4 key购买 nike

这是我的字体(默认 Arial Black 字体)的屏幕截图:

Example Image

底部有填充而顶部没有任何填充。它为大多数字母提供了正确的笔画,但有些字母在左上角有一个被剪掉的部分,例如:E、F、H、I 等......它基本上从它们顶部的一些字母中切出一个小方 block 离开了。

知道它为什么这样做吗?CSS如下,

笔划:“黑色”stroke-linecap:“屁股”描边不透明度:“1”笔划宽度:“2.5”stroke-linejoin =“圆”paint-order=“描边”

最佳答案

只需添加 stroke-linecap="round"

<svg x="0px" y="0px" width="162px" height="121.634px" viewBox="0 0 162 121.634">
<line fill="none" stroke="#000000" stroke-width="7" stroke-linecap="round" stroke-miterlimit="10" x1="3.654" y1="118.134" x2="90.646" y2="3.5"/>
<line fill="none" stroke="#000000" stroke-width="7" stroke-linecap="round" stroke-miterlimit="10" x1="90.646" y1="3.5" x2="158.5" y2="118.134"/>
<line fill="none" stroke="#000000" stroke-width="7" stroke-linecap="round" stroke-miterlimit="10" x1="158.5" y1="118.016" x2="3.5" y2="118.016"/>
</svg>

关于CSS Property Stroke 正在剪裁我的 SVG 字体字母,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39672176/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com