Bug 256064 – SVG <marker> elements are scaling when they should not be.

• Status: NEW
• Component: SVG

[Justin Everett]

Marker elements are scaling with SVG images as opposed to being fixed to strokeSize or userSpaceOnUse.

Steps to recreate:

1. Display the following SVG in WebKit so that it fills its container:

<svg viewBox='0 0 100 100' xmlns="http://www.w3.org/2000/svg">
  <defs>
    <marker 
      id='circle'
      viewBox='0 0 2 2'
      refX="1"
      refY="1"
      markerWidth="2"
      markerHeight="2"
      markerUnits="userSpaceOnUse">
      <circle cx='1' cy='1' r='1' fill="red" /> 
    </marker>
  </defs>
  <line x1='2' y1='2' x2='98' y2='2' stroke='black' stroke-width='2' vector-effect="non-scaling-stroke" marker-start='url(#circle)' marker-end='url(#circle)'/>
</svg>

2. Resize the window/container.

Marker elements change size while the stroke of the line does not. Replacing userSpaceOnUse with strokeWidth does not resolve the issue.

[Radar WebKit Bug Importer]

<rdar://problem/108921711>