michael@0: <!--
michael@0:      Any copyright is dedicated to the Public Domain.
michael@0:      http://creativecommons.org/publicdomain/zero/1.0/
michael@0: -->
michael@0: <svg xmlns="http://www.w3.org/2000/svg">
michael@0:   <title>Test that stroke-dashoffset is independent of stroke-width</title>
michael@0:   <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=885585 -->
michael@0: 
michael@0:   <rect width="100%" height="100%" fill="lime"/>
michael@0: 
michael@0:   <path d="M10,30 h300" stroke="red" stroke-width="40" stroke-dashoffset="10" stroke-dasharray="50"/>
michael@0:   <path d="M10,70 h300" stroke="red" stroke-width="20" stroke-dashoffset="20" stroke-dasharray="50"/>
michael@0:   <path d="M10,95 h300" stroke="red" stroke-width="10" stroke-dashoffset="40" stroke-dasharray="50"/>
michael@0: 
michael@0:   <!-- if the stroke-dashoffset is independent of the stroke width then these should cover what's above -->
michael@0:   <rect x="10" y="10" width="40" height="40" fill="lime"/>
michael@0:   <rect x="100" y="10" width="50" height="40" fill="lime"/>
michael@0:   <rect x="200" y="10" width="50" height="40" fill="lime"/>
michael@0:   <rect x="300" y="10" width="10" height="40" fill="lime"/>
michael@0: 
michael@0:   <rect x="10" y="60" width="30" height="20" fill="lime"/>
michael@0:   <rect x="90" y="60" width="50" height="20" fill="lime"/>
michael@0:   <rect x="190" y="60" width="50" height="20" fill="lime"/>
michael@0:   <rect x="290" y="60" width="20" height="20" fill="lime"/>
michael@0: 
michael@0:   <rect x="10" y="90" width="10" height="10" fill="lime"/>
michael@0:   <rect x="70" y="90" width="50" height="10" fill="lime"/>
michael@0:   <rect x="170" y="90" width="50" height="10" fill="lime"/>
michael@0:   <rect x="270" y="90" width="40" height="10" fill="lime"/>
michael@0: </svg>