RESOLVED FIXED133497
Blurry SVG rendering
https://bugs.webkit.org/show_bug.cgi?id=133497
Summary Blurry SVG rendering
David W. Keith
Reported 2014-06-03 20:18:35 PDT
Rendering of a JavaScript created SVG is very blurry. Safari Version 8.0 (10538.35.8)
Attachments
Screenshot of blurry SVG (684.47 KB, image/png)
2014-06-03 20:19 PDT, David W. Keith
no flags
David W. Keith
Comment 1 2014-06-03 20:19:28 PDT
Created attachment 232462 [details] Screenshot of blurry SVG
Dirk Schulze
Comment 2 2014-06-03 23:34:29 PDT
(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?
David W. Keith
Comment 3 2014-06-04 20:09:03 PDT
Working on test case still... trying to isolate code that causes regression. (so far no good)
David W. Keith
Comment 4 2014-06-04 20:19:22 PDT
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/
Dirk Schulze
Comment 5 2014-07-12 23:05:33 PDT
(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?
David W. Keith
Comment 6 2014-07-13 14:46:59 PDT
This is no longer happening in Safari Version 8.0 (10538.39.41)
Note You need to log in before you can comment on or make changes to this bug.