You can do more than just a scale transformation Try this out, I added in a translation call to the transform to produce a more desirable output along what maybe you are looking for. I added the method call "translate(x y)" to the transform. The translate call moves the ellipse to where I want it to display, and the scale call sizes the ellipse for me. So you can essentially position and size your ellipse however you want it on your svg document. I decided to create multiple inset versions of the ellipse for you just for fun.
<svg> <!-- Define the ellipse path and give it an id attribute --> <defs> <path id="ellipse" fill="none" stroke="#000000" stroke-width="0.3" d="M90.149,126.15c49.705,0,90-28.207,90-63s-40.295-63-90-63 c-49.703,0-90,28.207-90,63S40.447,126.15,90.149,126.15z"/> </defs> <!-- Call the defined ellipse path into action --> <use x="10" y="10" xlink:href="#ellipse" /> <!-- This calls the ellipse path and applies a transform to create an inset version of the path --> <use x="10" y="10" xlink:href="#ellipse" transform="translate(10 7) scale(0.9)"/> <use x="10" y="10" xlink:href="#ellipse" transform="translate(20 14) scale(0.8)"/> <use x="10" y="10" xlink:href="#ellipse" transform="translate(30 21) scale(0.7)"/> <use x="10" y="10" xlink:href="#ellipse" transform="translate(40 28) scale(0.6)"/> <use x="10" y="10" xlink:href="#ellipse" transform="translate(50 35) scale(0.5)"/> <use x="10" y="10" xlink:href="#ellipse" transform="translate(60 42) scale(0.4)"/> <use x="10" y="10" xlink:href="#ellipse" transform="translate(70 49) scale(0.3)"/> <use x="10" y="10" xlink:href="#ellipse" transform="translate(80 56) scale(0.2)"/> <use x="10" y="10" xlink:href="#ellipse" transform="translate(90 63) scale(0.1)"/> </svg> This is an update from the previous code sample, notice I am supplying a different transform expression, "translate(x y) scale(x)". Here I am translating the path and also scaling it to produce the affect I want. --- In [email protected], "GTTR" <[EMAIL PROTECTED]> wrote: > > Thank you for your help. I have tried to use the transform="scale > (0.5)", but it doesn't give the results that I am looking for. I > need to somehow inset it within the current path data using the > current coordinate system. I know it is possible to do using some > type of transform matrix because Inkscape has an inset/offset > function in it, but I am just not sure of the math or possibly not > sure if there is something else that can be used with the scale > transform. > > I guess in a sense, I need to take each point within the path data, > do some type of calculation that will inset it in a certain > amount. > > --- In [email protected], "pavoturkey" <pavoturkey@> > wrote: > > > > Try using <defs> and the <use> tags. Define a <def> of your ellipse > > path and then you can call this defined ellipse any number of > times by > > issuing the <use> tag 'n' amount of times. > > > > Here is sample code for how to do this: > > > > <svg> > > > > <!-- Define the ellipse path and give it an id attribute --> > > <defs> > > <path id="ellipse" fill="none" stroke="#000000" stroke- > width="0.3" > > d="M90.149,126.15c49.705,0,90-28.207,90-63s-40.295-63-90-63 > > c-49.703,0-90,28.207-90,63S40.447,126.15,90.149,126.15z"/> > > </defs> > > > > <!-- Call the defined ellipse path into action --> > > <use x="10" y="10" xlink:href="#ellipse" /> > > > > <!-- This calls the ellipse path and applies a transform to > create > > an inset version of the path --> > > <use x="10" y="300" xlink:href="#ellipse" transform="scale > (0.5)"/> > > > > </svg> > > > > --- In [email protected], "GTTR" <jagaru58@> wrote: > > > > > > I was wondering if anyone can point me to how I could create an > inset > > > version of a path that is already defined. For example if I > have the > > > following path, which is a ellipse, I would like to have this > same > > > path displayed but also have an inset version of it displayed. > Sort > > > of like creating inset borders: > > > > > > <path fill="none" stroke="#000000" stroke-width="0.3" > > > d="M90.149,126.15c49.705,0,90-28.207,90-63s-40.295-63-90-63 > > > c-49.703,0-90,28.207-90,63S40.447,126.15,90.149,126.15z"/> > > > > > > Thanks for taking the time to assist and any help will be > appreciated. > > > > > > Thanks > > > > > > ------------------------ Yahoo! Groups Sponsor --------------------~--> Great things are happening at Yahoo! Groups. See the new email design. http://us.click.yahoo.com/TISQkA/hOaOAA/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/
