svgbox-stroke-box-002.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-transforms/transform-box/svgbox-stroke-box-002.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>transform-box: stroke-box, stroke with dash array</title>

<link rel="match" href="reference/svgbox-rect-dasharray-ref.html">

<link rel="help" href="https://drafts.csswg.org/css-transforms-1/#transform-box">

<link rel="help" href="https://svgwg.org/svg2-draft/coords.html#TermStrokeBoundingBox">

<meta name="assert" content="A dash array does not contribute to the stroke bounding box"/>

<style>

#target {

  fill: green;

  stroke: black;

  stroke-width: 20;

  stroke-dasharray: 100 50;

  stroke-dashoffset: 50;

  transform-box: stroke-box;

  transform-origin: 20px 0px;

  transform: rotate(90deg);

</style>

<svg width="400" height="300">

  <rect id="target" width="100" height="50" x="100" y="100"/>

</svg>