Bug 200779

Summary: Text is sometime not rendered on canvas when using transform and clip
Product: WebKit Reporter: webrant
Component: CanvasAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: ahmad.saleem792, ap, dino, mmaxfield, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Safari Technology Preview   
Hardware: All   
OS: All   
Attachments:
Description Flags
Safari 15.5 matches other browsers none

webrant
Reported 2019-08-15 12:18:19 PDT
Simple repro that works fine in other browsers: <html> <body style="display: flex;"> <canvas id="canvas1" style="flex: 1; width: 100%; height: 100%; background: #eee" /> </body> <script> const canvas = document.getElementById("canvas1"); const ctx = canvas.getContext("2d"); ctx.canvas.width = 800; ctx.canvas.height = 600; ctx.transform(1, 0.27, 0, 1, 0, -95.26); ctx.textAlign = "center"; ctx.textBaseline = "top"; ctx.lineWidth = 1; ctx.font = "22px Arial"; ctx.beginPath(); ctx.rect(200, 200, 400, 29); ctx.closePath(); ctx.fillStyle = "#FFE0C0"; ctx.fill("nonzero"); ctx.clip("nonzero"); ctx.fillStyle = "#000"; ctx.fillText("Text that doesn't display in Safari", 400, 205); </script> </html>
Attachments
Safari 15.5 matches other browsers (776.26 KB, image/png)
2022-06-01 16:18 PDT, Ahmad Saleem 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2019-08-16 22:40:26 PDT
<rdar://problem/54420498>
Ahmad Saleem
Comment 2 2022-06-01 16:18:50 PDT
Created attachment 459942 [details] Safari 15.5 matches other browsers I created a JSFiddle using attached test case from Comment 01 and tested it in Safari 15.5 on macOS 12.4 and it matches with other browser as shown from the attached screenshot. I was not able to replace any bug, which was previously happening and since it is aligned with other browsers, this should be marked as "RESOLVED CONFIGURATION CHANGE". Thanks!
Ahmad Saleem
Comment 3 2022-06-01 16:20:43 PDT
JS Fiddle for testing - https://jsfiddle.net/8e4hx6qw/
Simon Fraser (smfr)
Comment 4 2022-06-01 16:21:17 PDT
Thank you for testing.
Note You need to log in before you can comment on or make changes to this bug.