The problems is in the use of the <symbol>. If I use a <g> the viewbox displays
correctly.
The question is why the <symbol> behaves differently than a <g>?
New svg:
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink";
xmlns:ev="http://www.w3.org/2001/xml-events"; height="100%" width="100%"
viewBox="0 0 1500 2800" >
<defs>
<symbol id="field" fill="none" stroke="#000" stroke-width="8px">
<rect id="grond" height="2800" width="1500" x="0" y="0" fill="#deb887" />
<line id="middenlijn" x1="-15" x2="1515" y1="1400" y2="1400"/>
<circle id="middencircel" cx="750" cy="1400" r="180" />
</symbol>
</defs>
<g id="vloer">
<use xlink:href="#field" />
<text font-size="200%" x="400" y="700">viewBox(0 0 1500 2800) shows the whole
field</text>
<text font-size="200%" x="400" y="750">viewBox(0 0 1500 1400) shows the upper
half</text>
<text font-size="200%" x="400" y="800">viewBox(0 1400 1500 1400) does not show
the symbol in the lower half,</text>
<text font-size="200%" x="400" y="850">using defs symbol; using g instead
displays fine.</text>
<text font-size="200%" x="400" y="900">What is the difference between symbol
and g?</text>
</g> <!-- einde vloer -->
<circle cx="750" cy ="2100" r="100" fill="red" />
</svg>
--- In [email protected], "Arjen" <arjenmeijernl@...> wrote:
>
> I am trying to make 3 viewBoxes, showing a complete field, the upper half
> (attack) or the lower half (defense).
>
> However, I do not understand the viewBox settings. I read the documentation
> as Xstart, Ystart, Xwidth, Yheight. So, I have to add Ystart+Yheigth to get
> the logical Yendvalue.
>
> For the complete field and the upper half this logic is correct, but for the
> lower half, browsers do not show the field in the range Y=1400 to Y =2800.
>
> Clearly, I must be wrong. But, what is the correct interpretation and coding?
>
> Arjen
>
> <?xml version="1.0" encoding="utf-8"?>
> <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg";
> xmlns:xlink="http://www.w3.org/1999/xlink";
> xmlns:ev="http://www.w3.org/2001/xml-events"; height="100%" width="100%"
> viewBox="0 0 1500 2800" >
>
> <defs>
> <symbol id="field" fill="none" stroke="#000" stroke-width="8px">
> <rect id="grond" height="2800" width="1500" x="0" y="0" fill="#deb887" />
> <line id="middenlijn" x1="-15" x2="1515" y1="1400" y2="1400"/>
> <circle id="middencircel" cx="750" cy="1400" r="180" />
> </symbol>
> </defs>
>
> <g id="vloer">
> <use xlink:href="#field" />
> <text font-size="200%" x="400" y="700">viewBox(0 0 1500 2800) shows the
> whole field</text>
> <text font-size="200%" x="400" y="750">viewBox(0 0 1500 1400) shows the
> upper half</text>
> <text font-size="200%" x="400" y="800">viewBox(0 1400 1500 1400) does not
> show the lower half. Why?</text>
> </g>
>
> </svg>
>
------------------------------------
-----
To unsubscribe send a message to: [email protected]
-or-
visit http://groups.yahoo.com/group/svg-developers and click "edit my
membership"
----Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/svg-developers/
<*> Your email settings:
Individual Email | Traditional
<*> To change settings online go to:
http://groups.yahoo.com/group/svg-developers/join
(Yahoo! ID required)
<*> To change settings via email:
[email protected]
[email protected]
<*> To unsubscribe from this group, send an email to:
[email protected]
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
