| Summary: | Blurry raster image inside of SVG | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Janis <jmalcans> | ||||||
| Component: | SVG | Assignee: | Nobody <webkit-unassigned> | ||||||
| Status: | NEW --- | ||||||||
| Severity: | Normal | CC: | karlcow, sabouhallawa, webkit-bug-importer, zimmermann | ||||||
| Priority: | P2 | Keywords: | InRadar | ||||||
| Version: | Other | ||||||||
| Hardware: | All | ||||||||
| OS: | Other | ||||||||
| See Also: | https://bugs.webkit.org/show_bug.cgi?id=227131 | ||||||||
| Attachments: |
|
||||||||
Example of the issue can be seen here: [Codesanbox|https://codesandbox.io/s/raster-svg-bug-umbelb?file=/src/App.tsx] Created attachment 464212 [details]
rendering in safari, firefox, chrome
Maybe my eyes are not good enough, but I do not see any differences.
tested on MacBookPro 13" M1 on Ventura 13 with an external Display. Ha Gotcha. It looks blurry on the Retina screen on the MacBook Pro but not on the external display. Probably related to Bug 227131 Did some additional checking and it seems to be related. Considering that blurriness can be reproduced only if SVG is used as <img/> src input. |
Created attachment 464179 [details] Original raster and SVG using the raster Raster images used inside of SVG become blurry. Reproducible on: * iOS (both Safari and Chrome): * 14.1 * 16.0 * MacOS Ventura 13.0.1: * Safari 16.1 (18614.2.9.1.12)