修改 SVG 路径厚度

Question

我想修改 bootstrap 4 复选框勾选 SVG 路径编号，但我不知道如何修改这些数字来实现此目的。

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"><path d="M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z" fill="red"/></svg>

我希望刻度线是一条更细的线。CSS边框的粗细大约为：2px；

有 SVG 专家吗？

谢谢

Answer 1

作为一个肮脏的解决方案，您可以使用stroke和stroke-width属性：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8">
    <path stroke="white" stroke-width="1.7px" d="M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z" fill="red"/>
</svg>

但这只会创建特定颜色的边框。所以你只能在合适的背景上使用图像。