1234567891011121314151617181920212223242526 |
- <!--
- 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>
|