1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<svg xmlns="http://www.w3.org/2000/svg">
<title>Test stroke-dashoffset with pathLength</title>
<!--
The path is much longer than 100 user units, so if the pathLength is not
factored into the stroke-dashoffset calculation, the stroke will be visible.
A correct implementation will see the first dash pushed off the end of the
path which will mean that the path does not display at all.
-->
<style>
path {
fill: none;
stroke-width: 5;
stroke: red;
stroke-dasharray: 100;
stroke-dashoffset: 100;
}
</style>
<rect width="100%" height="100%" fill="lime"/>
<path pathLength="100" d="M175,25 A150,150,0,1,1,175,325 A150,150,0,1,1,175,25"/>
</svg>
|
