Blitz - WPT: svg-stroke.html

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

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

<!doctype html>
<title>CSS Test: 'text-shadow' respects stroke</title>
<link rel="help" href="https://www.w3.org/TR/css-text-decor-3/#text-shadow-property">
<link rel="match" href="svg-stroke-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" stroke="black" stroke-width="4">Hello</text>
</svg>

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

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