haikuwebkit/LayoutTests/svg/gradients/spreadMethodDiagonal3.svg

28 lines
1.3 KiB
XML

<html><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="2000px" height="2000px">
<linearGradient id="base-grad" x1="-100%" y1="-100%" x2="-50%" y2="-50%">
<stop stop-color="green" offset="0"/>
<stop stop-color="green" offset="0.5"/>
<stop stop-color="blue" offset="0.5"/>
<stop stop-color="blue" offset="1"/>
</linearGradient>
<linearGradient id="pad-grad" xlink:href="#base-grad" spreadMethod="pad" />
<linearGradient id="pad-reflect" xlink:href="#base-grad" spreadMethod="reflect" />
<linearGradient id="pad-repeat" xlink:href="#base-grad" spreadMethod="repeat" />
<g transform="translate(200 0) rotate(7) scale(2)">
<rect x="10" y="35" width="460" height="55" fill="url(#pad-grad)"/>
<rect x="10" y="120" width="460" height="55" fill="url(#pad-reflect)"/>
<rect x="10" y="205" width="460" height="55" fill="url(#pad-repeat)"/>
</g>
<rect x="180" y="65" width="50" height="55" fill="grey" />
<rect x="100" y="295" width="1100" height="10" fill="grey" />
<rect x="100" y="400" width="1100" height="10" fill="grey" />
<rect x="100" y="460" width="1100" height="10" fill="grey" />
<rect x="100" y="517" width="1100" height="10" fill="grey" />
<rect x="100" y="570" width="1100" height="10" fill="grey" />
</svg></html>