|
1 <!-- |
|
2 Any copyright is dedicated to the Public Domain. |
|
3 http://creativecommons.org/publicdomain/zero/1.0/ |
|
4 --> |
|
5 <svg xmlns="http://www.w3.org/2000/svg"> |
|
6 <title>Test stroke-dasharray with pathLength and scaling</title> |
|
7 <rect width="100%" height="100%" fill="lime"/> |
|
8 <!-- |
|
9 Here we set the 'pathLength' to twice the actual length of the path, |
|
10 which should cause the stroke-dasharray values to be scaled down by one |
|
11 half. Visually, this should effectively cancel out the 2x scaling along |
|
12 the x-axis introduced by the 'transform' attribute. |
|
13 --> |
|
14 <path d="M0.5,10 L100.5,10" stroke="red" stroke-width="18" stroke-dasharray="18 22" pathLength="200" transform="scale(2,1)"/> |
|
15 <rect x="1" y="1" width="18" height="18" fill="lime"/> |
|
16 <rect x="41" y="1" width="18" height="18" fill="lime"/> |
|
17 <rect x="81" y="1" width="18" height="18" fill="lime"/> |
|
18 <rect x="121" y="1" width="18" height="18" fill="lime"/> |
|
19 <rect x="161" y="1" width="18" height="18" fill="lime"/> |
|
20 </svg> |