[Webkit-unassigned] [Bug 250146] New: Linear Gradient on Scaled Path Creates Errant Horizontal Lines
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Thu Jan 5 13:40:27 PST 2023
https://bugs.webkit.org/show_bug.cgi?id=250146
Bug ID: 250146
Summary: Linear Gradient on Scaled Path Creates Errant
Horizontal Lines
Product: WebKit
Version: Safari 16
Hardware: Mac (Apple Silicon)
OS: macOS 13
Status: NEW
Severity: Major
Priority: P2
Component: Canvas
Assignee: webkit-unassigned at lists.webkit.org
Reporter: jonobrandel at gmail.com
CC: dino at apple.com
Created attachment 464361
--> https://bugs.webkit.org/attachment.cgi?id=464361&action=review
Left shows Safari with red horizontal line. Right shows Chrome rendering linear gradients correctly.
Go to https://codepen.io/jonobr1/full/rNrWjwb and draw a vertical line by clicking and dragging the mouse. In Chrome the linear gradient (from red at top to blue at bottom) draws correctly. In Safari, the shape draws correctly, but also adds an erroneous red horizontal line at the top. (See attached image where Safari is left and Chrome is right).
You can see the full code (editable) here: https://codepen.io/jonobr1/pen/rNrWjwb
I think it has something to do with saving and restoring the context at different scales to accommodate high dpi devices.
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20230105/2dbaa268/attachment-0001.htm>
More information about the webkit-unassigned
mailing list