[svg2] transform on <svg>


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