Bug 256064
| Summary: | SVG <marker> elements are scaling when they should not be. | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Justin Everett <justin.b.everett> |
| Component: | SVG | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | sabouhallawa, webkit-bug-importer, zimmermann |
| Priority: | P2 | Keywords: | InRadar |
| Version: | WebKit Nightly Build | ||
| Hardware: | Mac (Apple Silicon) | ||
| OS: | macOS 13 | ||
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.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/108921711>