Bug 149124

Summary: setLineDash doesn't work as expected with transformed canvas
Product: WebKit Reporter: Jaume Sanchez <the.spite>
Component: CanvasAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: ahmad.saleem792, bdakin, dino, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Other   
Hardware: All   
OS: OS X 10.9   
Attachments:
Description Flags
Safari 15.5 matches other browsers none

Jaume Sanchez
Reported 2015-09-14 12:51:30 PDT
1. Go to http://codepen.io/spite/pen/RWrVBy or http://jsbin.com/rawiwe/5/edit?html,js,output 2. On IE, Chrome and Firefox the lines have the same line dashing applied while the canvas is rotated 3. On Safari OSX and iOS, the line dash changed when the canvas is rotated
Attachments
Safari 15.5 matches other browsers (617.44 KB, image/png)
2022-06-01 15:16 PDT, Ahmad Saleem 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2015-09-14 13:34:12 PDT
<rdar://problem/22689956>
Ahmad Saleem
Comment 2 2022-06-01 15:16:08 PDT
Created attachment 459939 [details] Safari 15.5 matches other browsers I was not able to reproduce this bug using attached test case in Safari 15.5 on macOS 12.4 and it matches other browser at least in rendering or drawing but the rotation animations are painfully slow compared to other browsers. Please refer attached screenshot to confirm the visual aspect but it is quite slow on M1 Pro laptop. Thanks!
Alexey Proskuryakov
Comment 3 2022-06-01 18:49:25 PDT
Thank you for checking!
Note You need to log in before you can comment on or make changes to this bug.