Bug 276135

Summary: SVG filter does not apply correctly when canvas is created using document.createElement("canvas")
Product: WebKit Reporter: Gabriel Luis da Silva <officialmercurymusicdj>
Component: CanvasAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: mattwoodrow, sabouhallawa, simon.fraser, thorton, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari Technology Preview   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=275436
Attachments:
Description Flags
Example code none

Gabriel Luis da Silva
Reported 2024-07-02 12:22:53 PDT
Created attachment 471796 [details] Example code Conducting some tests using Safari Technology Preview, I observed that creating a canvas using `document.createElement("canvas")` does not allow `ctx.filter` to work properly. Setting `ctx.filter` always returns `none`. This issue only occurs if the canvas is not added to the HTML page body. Expected Result: The filter should be applied to the canvas regardless of whether it is appended to the document body or not, applying the filter even when it is an SVG filter. Actual Result: In Safari, setting a filter on a CanvasRenderingContext2D where the canvas is not part of the document always keeps the filter as none. When the canvas is appended to the document before setting the filter, everything works normally.
Attachments
Example code (1.67 KB, text/html)
2024-07-02 12:22 PDT, Gabriel Luis da Silva 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2024-07-09 12:23:14 PDT
<rdar://problem/131402009>
Simon Fraser (smfr)
Comment 2 2024-07-09 12:46:57 PDT
This is the "can't apply SVG filters to composited layers" bug.
Note You need to log in before you can comment on or make changes to this bug.