I created simple black circle using inkscape. I am trying to move this black
circle along the x-axis for a beginner's tutorial I am writing. I have
encountered an ugly problem. Inkscape created a <path> element for my circle
rather than a <circle> element. I cannot figure out how to move a <path>
element in the same way that I can a <circle>
With a <circle> element, I can change its svgCx attribute (cx). There is no
such attribute for a <path> element.
Is there a way to wrap the <path> element with something else that has an
svgX or svgCx attribute that I can manipulate?
tks
[Non-text portions of this message have been removed]
I created simple black circle using inkscape. I am trying to move this black circle along the x-axis for a beginner's tutorial I am writing. I have encountered...
Hi Bryan, Rather than manipulate cx and cy, you could simply transform the path using SVG transformations. Assuming the circle has an attribute of the form ...
... you animate the "d" attribute. So long as it has the same number of points, it's trivial to do. Although in writing tutorials I tend to write the examples...
Tks for the great advice folks I wil let you know when the tutorial is done On Tue, Dec 15, 2009 at 11:14 PM, Charles McCathieNevile ... [Non-text portions of...
chaals for being dense, but what is the easiest way to access this attribute using JavaScript. I have been trying SVGGElment.attributes.getNamedItem('d') and...
... Adding a transform="translate(x,y)" is much simpler than modifying every part of a path. I'm surprised that no one has mentioned the obvious way of...
... And they still don't have animation? I thought they did that ages ago :( cheers Chaals ... -- Charles McCathieNevile Opera Software, Standards Group je...
On Wed, 16 Dec 2009 10:35:00 +0100, Charles McCathieNevile ... Try the examples I linked to, they work in my webkit clone anyway (Epiphany-webkit). For...
... Oh. As Erik sys, if you just want to move the path without changing it's form, than use a transform attribute - if you want to change the path, you can do...
On Wed, 16 Dec 2009 10:30:07 +0100, Charles McCathieNevile ... s/animateMotion/animate/ /ed -- Erik Dahlstrom, Core Technology Developer, Opera Software ...
For an example, take a look at http://srufaculty.sru.edu/david.dailey/svg/newstuff/path10.svg as discussed in ...
ddailey
ddailey@...
Dec 15, 2009 11:52 pm
... Chaals, normally I would agree with you but I want to demonstrate the workflow of creating images in inkscape and then animating them with JavaScript. I...
I too am in a state of awe of our new Inkscape overlords. One workaround is to enter a circle manually using the xml editor. Understandably you might get some...