stroke-dasharray-03.svg

Enable keyboard shortcuts

Checkerboard

<!--

     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 the start point and direction of dashing on rect</title>

  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=1122578 -->

  <rect width="100%" height="100%" fill="lime"/>

  <rect x="20" y="20"  width="100" height="60" fill="none" stroke="red" stroke-width="10" stroke-dasharray="120,10000"/>

  <path d="M20,20 h100 v20" fill="none" stroke="lime" stroke-width="10"/>

  <rect x="20" y="100" width="100" height="60" fill="none" stroke="red" stroke-width="10" stroke-dasharray="120,10000" rx="10" ry="10"/>

  <path d="M30,100 h80 a10,10 0 0 1 10,10 v25" fill="none" stroke="lime" stroke-width="14"/>

</svg>