CSS属性Stroke正在剪切SVG中字体的字母
以下是我的字体截图（默认为Arial黑色字体）：
底部有填充物，而顶部没有填充物。它为大多数字母提供了正确的笔划，但有些字母在左上角有一个剪掉的部分，如：E、F、H、I等。。。它基本上从左上角的一些字母中剪出一个小正方形。
你知道为什么会这样吗？CSS如下所示：，
笔划：“黑色”笔划线条帽：“对接”笔划不透明度：“1”笔划宽度：“2.5”笔划线条连接=“圆形”绘制顺序=“笔划”
共有1个答案
只需添加描边-线形="圆形"
html prettyprint-override"><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>-
SVG Stroke 属性 SVG提供了一个范围广泛stroke 属性。在本章中，我们将看看下面： stroke stroke-width stroke-linecap stroke-dasharray 所有stroke属性，可应用于任何种类的线条，文字和元素就像一个圆的轮廓。 SVG stroke 属性 Stroke属性定义一条线，文本或元素轮廓颜色： 下面是SVG代码：<svg xmlns="
-
字体尺寸（font-size） 我们在CSS尺寸单位一课中已经讲解过，用来设置文本显示大小。 p{ font-size: 16px;} 记住设置字体尺寸（font-size）为 16px 不表示每个字符都是 16px 高，实际尺寸还取决于每个字符所用的字体族（font-family）。 字体风格（font-style） 有3种字体样式：正常体（normal）、斜体（italic）和倾斜（obliq
-
本文重要内容 CSS的单位 字体属性 文本属性 定位属性：position、float、overflow等 CSS的单位 html中的单位只有一种，那就是像素px，所以单位是可以省略的，但是在CSS中不一样。CSS中的单位是必须要写的，因为它没有默认单位。 绝对单位： 1 in=2.54cm=25.4mm=72pt=6pc。 各种单位的含义： in：英寸Inches (1 英寸 = 2.54 厘米
-
SVG STROKE stroke 定义一条线，文本或元素轮廓颜色 stroke-width 定义一条线，文本或元素轮廓厚度 <svg viewBox="0 0 300 10"> <line x1="0" y1="0" x2="300" y2="0" stroke="black" stroke-width="10" /> </svg> 上面就指定来这条直线边框的颜色是黑色以及它
-
主要内容：1. font-family,2. font-style,3. font-weight,4. font-size,5. font-variant,6. font除了前面介绍的背景外，字体设置也是网页设计中的重要组成部分，合适的字体不仅会使页面更加美观，也可以提升用户体验。CSS 中提供了一系列用于设置文本字体样式的属性，比如更改字体，控制字体大小和粗细等等。 font-family：设置字体； font-style：设置字体的风格，例如倾斜、斜体等； font-weight：设置字体粗
-
SVG 提供了很多描边（stroke）属性，一些常用的有如下几个： stroke stroke-width stroke-linecap stroke-linejoin stroke-dasharray 所有这些属性可以被应用在任意线条、文本以及元素外框上。 SVG stroke 属性 <stroke> 属性用来定义线条、文本或元素轮廓（outline）的颜色。 SVG stroke-width