Bug 136225

Summary: Transform on <object> with SVG makes it pixelated
Product: WebKit Reporter: Dirk Schulze <krit>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: pdr, zimmermann
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
URL: https://www.w3.org/Graphics/SVG/WG/wiki/Proposals/Performance_in_panning_%26_zooming

Description Dirk Schulze 2014-08-25 06:49:29 PDT
In the referenced example, the referenced SVG looks blurry and pixelated instead of sharp and crisp.

We need to investigate why the SVG file is not rendered. The transform uses scale3d(x,y,1) So the transformation is still 2D.
Comment 1 Philip Rogers 2014-08-25 10:10:53 PDT
Dirk, which example are you referring to? The examples at your url look fine to me in Safari Nightly @ r172901. Can you upload a minimized testcase in case the referenced page changes?
Comment 2 Dirk Schulze 2014-08-25 10:34:22 PDT
(In reply to comment #1)
> Dirk, which example are you referring to? The examples at your url look fine to me in Safari Nightly @ r172901. Can you upload a minimized testcase in case the referenced page changes?

Ah, pasted the wrong link. Here you go:

http://svg2.mbsrv.net/devinfo/devstd/panZoom/svgZoom1c.html
Comment 3 Dirk Schulze 2014-08-25 10:35:05 PDT
(In reply to comment #2)
> (In reply to comment #1)
> > Dirk, which example are you referring to? The examples at your url look fine to me in Safari Nightly @ r172901. Can you upload a minimized testcase in case the referenced page changes?
> 
> Ah, pasted the wrong link. Here you go:
> 
> http://svg2.mbsrv.net/devinfo/devstd/panZoom/svgZoom1c.html

As another note (which I forgot), you need to click on the shape and move the mouse. This will scale your shape.