| Summary: | SVG transform3d lost on export to canvas, affecting scratch.mit.edu | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | slyi <adrianca> | ||||||
| Component: | Canvas | Assignee: | Nobody <webkit-unassigned> | ||||||
| Status: | NEW --- | ||||||||
| Severity: | Normal | CC: | dino, karlcow, nicole, sabouhallawa, simon.fraser, webkit-bug-importer | ||||||
| Priority: | P2 | Keywords: | BrowserCompat, InRadar | ||||||
| Version: | Safari 17 | ||||||||
| Hardware: | Unspecified | ||||||||
| OS: | Unspecified | ||||||||
| URL: | scratch.mit.edu | ||||||||
| Attachments: |
|
||||||||
WebKit doesn't support 3d transform functions in "flattened" drawing (e.g. into canvas). Our underlying graphics frameworks don't support this. Created attachment 471349 [details]
rendering in safari, firefox, chrome
|
Created attachment 471335 [details] repro of issue : 3d transform not working on canvas import Loading an svg to canvas results in lost transform3d on webkit (ios and mac). It works on chrome, edge and firefox but it mess's up on webkit. Please find below a minimal test to verify the issue. This effects how svgs are rendered on scratch.mit.edu