SVG patterns

by balefrost

HTML

<svg id="graph" width="600" height="450">

<pattern id="stripes" width="10" height="10" x="0" y="0" patternUnits="userSpaceOnUse">
    <path d="M0,0 L10,10 L10,5 L5,0 M0,10 L5,10 L0,5" fill="#f00" stroke="none"></path>
</pattern>
<rect fill="url(#stripes)" fill-opacity="0.5" width="400" height="200"></rect>

</svg>

CSS

svg {
    background-color: #000;
}