Bug 149124

Summary:

setLineDash doesn't work as expected with transformed canvas

Product:

WebKit

Reporter:

Jaume Sanchez <the.spite>

Component:

Canvas

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

ahmad.saleem792, bdakin, dino, simon.fraser, webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

Other

Hardware:

All

OS:

OS X 10.9

Attachments:

Description	Flags
Safari 15.5 matches other browsers	none

Description Jaume Sanchez 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

Comment 1 Radar WebKit Bug Importer 2015-09-14 13:34:12 PDT

<rdar://problem/22689956>

Comment 2 Ahmad Saleem 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!

Comment 3 Alexey Proskuryakov 2022-06-01 18:49:25 PDT

Thank you for checking!