Bug 248816
| Summary: | Canvas flickers when combining putImageData and other draw calls | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | ae |
| Component: | Canvas | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Major | CC: | dino, simon.fraser, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 15 | ||
| Hardware: | iPhone / iPad | ||
| OS: | iOS 15 | ||
ae
I have a Canvas which I update roughly 30 times per second with a putImageData call and a few simple line drawing calls.
The line drawing seems to fail intermittently, as the lines flicker.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Simon Fraser (smfr)
Can you give us access to a page that reproduces this, or attach a small test case?
ae
(In reply to Simon Fraser (smfr) from comment #1)
> Can you give us access to a page that reproduces this, or attach a small
> test case?
I'll try to do my best. The problem occurs in a very complex hybrid web app running in a WKWebView with multiple other canvases and a lot going on in general, so it might not be straightforward. I do know that it's not a trivial problem in my code because the same code works in Blink and it's really just a putImageData followed by 3 beginPath/moveTo/lineTo/stroke calls. There's also no other (transparent) layers on top of the canvas so I don't think it's a composting problem. Setting transform:translate3d(0,0,0) on the canvas doesn't help either.
I'll try to make a minimal test case when I got time. Thanks.
Radar WebKit Bug Importer
<rdar://problem/103299941>