W3C home > Mailing lists > Public > www-svg@w3.org > December 2014

[svg2] transform on <svg>

From: Erik Dahlström <ed@opera.com>
Date: Wed, 03 Dec 2014 17:54:48 +0100
To: "www-svg@w3.org" <www-svg@w3.org>
Message-ID: <op.xqaw9mzodhsuf5@gnorps>

I'm wondering how the transform attribute on <svg> should work. What I see  
is that Firefox seems to do something with it, but the spec is still  
lacking detail in this area (we have a note in the draft saying we want  
this feature, but AFAICT it's not fully specified yet).

Here's my testcase in condensed form:

<svg transform="scale(2)">
     <circle cx="50%" cy="50%" r="25%" fill="blue"/>

Full example of the above as a fiddle[1].

Now, given that transform is a presentation attribute in CSS  
Transforms[2], shouldn't the above transform attribute be giving the same  
rendered result as if it had style="transform:scale(2)"?

Basically, should the transform be applied by the css box-model or by the  
<svg> on the inner svg content only? If the latter, we need to define how  
it interacts with viewBox, currentScale and friends, animateTransform and  
with css transforms.

[1] http://jsfiddle.net/6pnnkoz3/5/
[2] http://dev.w3.org/csswg/css-transforms/#svg-transform

Erik Dahlstrom, Web Technology Developer, Opera Software
Co-Chair, W3C SVG Working Group
Received on Wednesday, 3 December 2014 16:55:53 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 22:54:58 UTC