SVG Stripe Pattern as Element Background-Image

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

Инсульт-linecap по умолчанию является «встык», добавить в uour стиле: обводки-linecap: квадратный;