I am having this really stupid problem in my script and am not able
to fix it. All I am trying to do is apply the clip-path 'RectView' in
the script below to the group 'graphlines'.
Everytime I do that the entire 'graphlines' object disappear. Any
ideas.
Thanks
- Rohit
<svg width="800" height="800">
<defs>
<circle id="g0" cx="0" cy="0" r="2" style="fill: #7f0000; stroke:
#7f0000;"/> <style type="text/css"><![CDATA[ .nx {
text-anchor: middle;
font-size: 8;
}
.ny
{
text-anchor: end;
font-size: 8;
}
.g
{
stroke: #000000;
fill: none;
stroke-width: 0.5;
stroke-dasharray:4 4;
}
]]></style>
</defs>
<defs>
<clipPath id="RectView">
<rect x="0" y="0" width="500" height="500"/>
</clipPath>
</defs>
<rect x="50" y="50" width="600" height="700" style="fill:grey"/>
<g id="grid" transform="translate(50, 750) " > //<g id="graph"
transform="translate(0,0)">
<path d="M0,0H-15 0 600 0 V 15 0 -700 0" style="fill: red; stroke:
#000000;"/>
<text id="y1" x="-5" y="2" class="ny">0</text>
<text id="y2" x="-5" y="-138" class="ny">1</text> <line x1="0"
y1="-140" x2="600" y2="-140" class="g"/>
<text id="y3" x="-5" y="-278" class="ny">2</text> <line x1="0"
y1="-280" x2="600" y2="-280" class="g"/>
<text id="y4" x="-5" y="-418" class="ny">3</text> <line x1="0"
y1="-420" x2="600" y2="-420" class="g"/>
<text id="y5" x="-5" y="-558" class="ny">4</text> <line x1="0"
y1="-560" x2="600" y2="-560" class="g"/>
<text id="y6" x="-5" y="-698" class="ny">5</text> <line x1="0"
y1="-700" x2="600" y2="-700" class="g"/>
<text id="x1" x="0" y="10" class="nx">1</text>
<text id="x2" x="150" y="10" class="nx">2</text> <line
x1="150" y1="0" x2="150" y2="-700" class="g"/>
<text id="x3" x="300" y="10" class="nx">3</text> <line
x1="300" y1="0" x2="300" y2="-700" class="g"/>
<text id="x4" x="450" y="10" class="nx">4</text> <line
x1="450" y1="0" x2="450" y2="-700" class="g"/>
<text id="x5" x="600" y="10" class="nx">5</text> <line
x1="600" y1="0" x2="600" y2="-700" class="g"/>
</g>
<g id="graphlines" transform="translate(0,0) scale(1,1)" >
<path d="M0 -420 L150 -280 L300 -140 L450 -700 L600 -700"
style="fill: none; stroke: #FF0000; stroke-width:2"/>
<use xlink:href="#g0" transform="translate(0, -420)"/>
<use xlink:href="#g0" transform="translate(150, -280)"/>
<use xlink:href="#g0" transform="translate(300, -140)"/>
<use xlink:href="#g0" transform="translate(450, -700)"/>
<use xlink:href="#g0" transform="translate(600, -700)"/>
<path d="M0 -630 L150 -500 L320 -440 L450 -700 L500 -600"
style="fill: none; stroke: blue; stroke-width:2"/>
<use xlink:href="#g0" transform="translate(0, -420)"/>
<use xlink:href="#g0" transform="translate(150, -280)"/>
<use xlink:href="#g0" transform="translate(300, -140)"/>
<use xlink:href="#g0" transform="translate(450, -700)"/>
<use xlink:href="#g0" transform="translate(600, -700)"/>
</g>
<text x="300" y="-720" style="text-anchor:middle;font-
size:18;fill:#FF0000;">Financial Results Q1 2002</text>
<text x="300" y="40" style="text-anchor:middle;font-
size:12;fill:darkblue">Week</text>
<text x="350" y="-20" style="text-anchor:middle;font-
size:12;fill:brown" transform="rotate(-90)">Revenue (x1000 USD)</text>
</svg>
------------------------ Yahoo! Groups Sponsor --------------------~-->
$9.95 domain names from Yahoo!. Register anything.
http://us.click.yahoo.com/J8kdrA/y20IAA/yQLSAA/1U_rlB/TM
--------------------------------------------------------------------~->
-----
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/
<*> 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/
