| Summary: | Blurry SVG rendering | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | David W. Keith <dwkeith> | ||||
| Component: | SVG | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | RESOLVED FIXED | ||||||
| Severity: | Blocker | CC: | dino, krit, zimmermann | ||||
| Priority: | P1 | ||||||
| Version: | 528+ (Nightly build) | ||||||
| Hardware: | Mac | ||||||
| OS: | OS X 10.9 | ||||||
| URL: | https://home.nest.com | ||||||
| Attachments: |
|
||||||
|
Description
David W. Keith
2014-06-03 20:18:35 PDT
Created attachment 232462 [details]
Screenshot of blurry SVG
(In reply to comment #0) > Rendering of a JavaScript created SVG is very blurry. > > Safari Version 8.0 (10538.35.8) Do you have a test case? Working on test case still... trying to isolate code that causes regression. (so far no good) A few things we have noticed when debugging: * Reloading home.nest.com with the thermostat SVG already at scale there is no issue, it is only when zoomed up from the icon size that we get a blurry render (Could it be that the SVG is rasterized at the original size and not recomputed on zoom?) * Reduction to just zoom does not reproduce issue: http://jsfiddle.net/gzGyV/1/ (In reply to comment #4) > A few things we have noticed when debugging: > > * Reloading home.nest.com with the thermostat SVG already at scale there is no issue, it is only when zoomed up from the icon size that we get a blurry render (Could it be that the SVG is rasterized at the original size and not recomputed on zoom?) > > * Reduction to just zoom does not reproduce issue: http://jsfiddle.net/gzGyV/1/ Might it be that you use translateZ or any other HW acceleration CSS property? This is no longer happening in Safari Version 8.0 (10538.39.41) |