That's awesome! I am going to play with this to see if I can do it dynamically with our program. That is dynamically placing values in the translate equation. Thanks for your help.
--- In [email protected], "pavoturkey" <[EMAIL PROTECTED]> wrote: > > 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" <jagaru58@> 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 --------------------~--> Yahoo! Groups gets a make over. See the new email design. http://us.click.yahoo.com/XISQkA/lOaOAA/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/
