Bug 133497 - Blurry SVG rendering
Summary: Blurry SVG rendering
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac OS X 10.9
: P1 Blocker
Assignee: Nobody
URL: https://home.nest.com
Keywords:
Depends on:
Blocks:
 
Reported: 2014-06-03 20:18 PDT by David W. Keith
Modified: 2014-07-13 14:46 PDT (History)
3 users (show)

See Also:


Attachments
Screenshot of blurry SVG (684.47 KB, image/png)
2014-06-03 20:19 PDT, David W. Keith
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description David W. Keith 2014-06-03 20:18:35 PDT
Rendering of a JavaScript created SVG is very blurry.

Safari Version 8.0 (10538.35.8)
Comment 1 David W. Keith 2014-06-03 20:19:28 PDT
Created attachment 232462 [details]
Screenshot of blurry SVG
Comment 2 Dirk Schulze 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?
Comment 3 David W. Keith 2014-06-04 20:09:03 PDT
Working on test case still... trying to isolate code that causes regression. (so far no good)
Comment 4 David W. Keith 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/
Comment 5 Dirk Schulze 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?
Comment 6 David W. Keith 2014-07-13 14:46:59 PDT
This is no longer happening in Safari Version 8.0 (10538.39.41)