Re: Proposal: Nesting SVG Graphics Elements

On Thu, Dec 6, 2012 at 5:44 PM, Lea Verou <lea@w3.org> wrote:

> On Dec 1, 2012, at 01:35, Steve Schafer wrote:
>
> > So, going back to one of your examples, this slightly modified version:
> >
> >  <rect id="r4" x="100" y="10" width="40" height="40">
> >    <circle id="c4" cx="200" cy="20" r="20"/>
> >  </rect>
> >
> > And this one:
> >
> >  <circle id="c4" cx="300" cy="20" r="20"/>
> >    <rect id="r4" x="-100" y="10" width="40" height="40">
> >  </circle>
> >
> > render indistinguishably.
> >
> > That just gives me chills up my spine. ;-)
>
> This is an edge case, where the shapes don’t overlap with their
> parents/children. In the most common use cases, they wouldn’t render
> indistinguishably. In the first example the circle would be on top of the
> rect, whereas in the 2nd case, the rect would be drawn on top of the
> circle. This doesn’t even require any additional rules, just the current
> one about source order.
>
> FWIW, I completely agree with Tab and Doug here. As someone who learned
> CSS and HTML before SVG, the inability to nest always frustrated me to no
> end. I believe this sentiment is shared by multiple authors and, to a
> certain degree, contributes to the low adoption of SVG.


Lea,

do this mean that you are also arguing that you should be able to nest
arbitrary elements in HTML?
For instance, should you be able to do this:

<img src=... style="opacity:.5">

<p style="background-color: green">some text

<p>some more test</p>
<p>even more text</p>

</p>

</img>

and it be interpreted as:

<div style="opacity:.5">

<img src=""/>
<div style="background-color: green">

<p>some text<p>

<p>some more test</p>
<p>even more text</p>

</div

</div>


I personally don't believe that this is causing the low adoption rate of
SVG.
SVG is actually on the rise and deployed for its intended use case. For
instance, during the last presidential election, almost everyone used SVG
for their election results.