haikuwebkit/LayoutTests/svg/custom/pattern-with-transformation...

24 lines
912 B
XML

<?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>