chromium/third_party/blink/web_tests/svg/custom/pattern-with-transformation.svg

<?xml version="1.0" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%">
    <title>sclaed Pattern on a rect</title>
    <defs>
        <pattern id="pat"
            x="5" y="5" width="10" height="10" 
            patternUnits="userSpaceOnUse"
            patternTransform="scale(4) skewX(45) translate(8,8)"
            >
            <rect x="0" y="0" width="5" height="5" fill="green"/>
            <rect x="5" y="0" width="5" height="5" fill="red"/>
            <rect x="0" y="5" width="5" height="5" fill="blue"/>
            <rect x="5" y="5" width="5" height="5" fill="yellow"/>
        </pattern>

    </defs>

    <g>
        <rect x="10" y="10" width="120" height="100" line-width="20" fill="rgb(255,255,255)" stroke="url(#pat)" />
        <text x="15" y="70" style="fill:url(#pat); font-size:50;">Test</text>
    </g>

</svg>