Blitz - WPT: svg-stroke-dasharray.html

wpt / css / css-text-decor / text-shadow / svg-stroke-dasharray.html

/css/css-text-decor/text-shadow/svg-stroke-dasharray.html

<!doctype html>
<title>CSS Test: 'text-shadow' respects stroke-dasharray</title>
<link rel="help" href="https://www.w3.org/TR/css-text-decor-3/#text-shadow-property">
<link rel="match" href="svg-stroke-dasharray-ref.html">
<style>
svg { font: bold 64px Arial, sans-serif; text-shadow: grey 10px 10px }
</style>
<svg width="240" height="80">
  <text x="30" y="50" fill="none" stroke="black" stroke-width="2" stroke-dasharray="2, 2">Hello</text>
</svg>

/css/css-text-decor/text-shadow/svg-stroke-dasharray-ref.html

<!doctype html>
<style>
svg { font: bold 64px Arial, sans-serif; fill: none; stroke-width: 2px; stroke-dasharray:2, 2; }
</style>
<svg width="240" height="80">
  <text x="40" y="60" stroke="grey">Hello</text>
  <text x="30" y="50" stroke="black">Hello</text>
</svg>