Nice design!
You broke down the parts too much. Make the scorner and bcorners one
path and eliminate the yellow circles. Your code after the </def>
line and before the <g id="triangles" class="yel" > should be:
<circle cx="0" cy="0" r="1.822" class="yel" />
<circle cx="0" cy="0" r="1.755" class="mag" />
<circle cx="0" cy="0" r="1.688" class="yel" />
<!--Radius was 1.482, but I reduced it so that you can't see the
seam.-->
<circle cx="0" cy="0" r="1.620" class="mag" />
<g id="scorners">
<path d="M+0.263,-1.324 A 0.132,0.132 0 0,0 +0.145,-1.475 A
0.162,0.162 0 0,1 +0.000,-1.620 A 0.162,0.162 0 0,1 -0.145,-1.475 A
0.132,0.132 0 0,0 -0.263,-1.324" class="yel" />
</g>
<use xlink:href="#scorners" transform="rotate(22.5)" />
<use xlink:href="#scorners" transform="rotate(45.0)" />
<use xlink:href="#scorners" transform="rotate(67.5)" />
<use xlink:href="#scorners" transform="rotate(90.0)" />
<use xlink:href="#scorners" transform="rotate(112.5)" />
<use xlink:href="#scorners" transform="rotate(135.0)" />
<use xlink:href="#scorners" transform="rotate(157.5)" />
<use xlink:href="#scorners" transform="rotate(180.0)" />
<use xlink:href="#scorners" transform="rotate(202.5)" />
<use xlink:href="#scorners" transform="rotate(225.0)" />
<use xlink:href="#scorners" transform="rotate(247.5)" />
<use xlink:href="#scorners" transform="rotate(270.0)" />
<use xlink:href="#scorners" transform="rotate(292.5)" />
<use xlink:href="#scorners" transform="rotate(315.0)" />
<use xlink:href="#scorners" transform="rotate(337.5)" />
<!--Radius was 1.196, but I reduced it so that you can't see the
seam.-->
<circle cx="0" cy="0" r="1.350" class="mag" />
<g id="bcorners">
<path d="M-0.383,-0.924 A 0.196,0.196 0 0,1 -0.233,-1.173 A
0.335,0.335 0 0,0 -0.000,-1.350 A 0.335,0.335 0 0,0 +0.233,-1.173 A
0.196,0.196 0 0,1 +0.383,-0.924" class="yel" />
</g>
<use xlink:href="#bcorners" transform="rotate(45)" />
<use xlink:href="#bcorners" transform="rotate(90)" />
<use xlink:href="#bcorners" transform="rotate(135)" />
<use xlink:href="#bcorners" transform="rotate(180)" />
<use xlink:href="#bcorners" transform="rotate(225)" />
<use xlink:href="#bcorners" transform="rotate(270)" />
<use xlink:href="#bcorners" transform="rotate(315)" />
<circle cx="0" cy="0" r="1.000" class="rad1" />
Enjoy!
Bruce Rindahl
--- In [email protected], "mikh2161" <[EMAIL PROTECTED]>
wrote:
>
> Hi!
>
> I've created the following SVG file:
> http://www.geocities.com/mikehorvath.geo/SriYantra_new.svg
>
> The problem is that there are faint lines where the shapes meet. What
> is the best way of getting rid of those? Should I design the image
> differently somehow in order to avoid the problem?
>
> Any help would be appreciated.
>
> Thanks!
>
> Mike
>
-----
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:
mailto:[EMAIL PROTECTED]
mailto:[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/
