Hi, I'm trying to use replicate to provide realistic shading in realistic pictures. Unfortunately, it's difficult to make replicate objects the required shape (or is there a WYSIWYG replicate drawing program I don't know about?) so the obvious solution is to use clip paths.
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <!-- Created with Inkscape (http://www.inkscape.org/) --> <svg xmlns="http://www.w3.org/2000/svg"; width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"; onload="startup(evt)" viewBox="0 0 100 100"> <defs> <clipPath id="myclip"> <path d="m 39.405204,36.05948 c 0,0 -4.089219,1.486989 -9.479554,14.498141 -5.390334,13.011153 -2.416356,21.375465 -2.416356,21.375465 0,0 7.78742,6.294142 22.862453,5.762082 15.799256,-0.557621 22.118959,-5.390335 22.118959,-5.390335 0,0 0.225529,-13.793758 -4.64684,-22.862454 -5.407224,-10.064196 -10.780669,-13.3829 -10.780669,-13.3829 z" id="path2985"/> </clipPath> <script type="text/javascript" xlink:href="replicate.js"/> <linearGradient id="f" x1="1" y1="0.45" x2="0.15" y2="0.9"> <stop offset="0" stop-color="#ff8"/> <stop offset=".3" stop-color="#000"/> <stop offset="1" stop-color="#ff8"/> </linearGradient> </defs> <g clip-path="url(#myclip)"> <ellipse cy="-100" cx="200" rx="30" ry="50" fill="url(#f)" stroke-width=".5" stroke="none" transform="matrix(0.3,0,0,0.3,-10,-20)"> <replicate repeatCount="80"> <replicateAttribute attributeName="cy" from="300" to="100"/> <replicateAttribute attributeName="ry" from="100" to="0"/> <replicateAttribute attributeName="rx" from="100" to="0"/> </replicate> </ellipse> </g> <path style="color:#000000;fill:#7778dd;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" id="path2987" d="m 57.434945,36.431229 a 8.9219332,1.4869889 0 1 1 -17.843866,0 8.9219332,1.4869889 0 1 1 17.843866,0 z"/> </g> </svg> Well that should do it but the clipping isn't applied. I tryed applying the clip path directly to the ellipse but then only the path (which is also an ellipse) appeared. Perhaps I should put the replicate object in a pattern? Before wasting a lot of time trying things that don't work, I thought I'd ask if anybody else knows how to do this. For that matter, why does the replicate object appear over things that are later in the file? Richard Pearman http://www.pixelpalaces.com/ The next stage in the evolution of web comics: http://www.onlinecomics.net/pages/details/listing.php?comicID=4415 Read my Helium articles: http://www.helium.com/users/212199 South Alberta Cactus and succulent society: http://www.facebook.com/group.php?gid=20360241008 ------------------------------------ ----- To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
