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

默认的stroke-linecap是'butt'， 添加到你的风格： stroke-linecap：square;