[Webkit-unassigned] [Bug 218702] New: Strange HTML Canvas rendering problem on iOS 14 - as seen on iPhone 8

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=218702

            Bug ID: 218702
           Summary: Strange HTML Canvas rendering problem on iOS 14 - as
                    seen on iPhone 8
           Product: WebKit
           Version: Safari 14
          Hardware: iPhone / iPad
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Canvas
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: federico.ballarini.sc at gmail.com
                CC: dino at apple.com

I have a strange rendering problem on a simple donut chart "hand made" with HTML Canvas. It started from iOS14 and I can see it on my iPhone 8.

I don't know if any other device has this problem, from chrome dev tools and from iPhone 11 Pro simulator I didn't.

https://codepen.io/emish89/pen/bGemWKN


I attach a pen where I created the situation with the problem. If the value (first line in JS) is higher than 75 you start to see strange glitches. (images below)

I tested it and seems related to the circleRadius property, under 78 you don't have the problem in my particular case.

I don't know if is something wrong in my code that I don't understand (but it worked fine for years) or something else.

Thanks a lot for all the contributions.


For references and images: https://stackoverflow.com/questions/64748140/strange-html-canvas-rendering-problem-on-ios-14-as-seen-on-iphone-8

-- 
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/20201109/40af363a/attachment-0001.htm>