SVG 条纹图案作为元素背景图像

Question

如何将以下形状作为 svg 图形。我喜欢将它用作带有重复的背景图像。问题是盒子的角落。

我不知道如何避免每行的矩形末端。

<svg xmlns="http://www.w3.org/2000/svg" width="8px" height="8px">
<style type="text/css">
    <![CDATA[
        path {
            stroke-antialiasing:true
            fill: none;
            stroke: #000;
            stroke-width: 2px;
            opacity: 0.1;
        }
    ]]>
</style>
<path d="M4 0 0 4"/>
<path d="M8 4 4 8"/>

预览

Answer 1

默认的笔画线帽是'butt'， 添加到你的风格： stroke-linecap: 方形;