Changing the width/height of an SVG path

javascript svg svg-edit
nicholaswmin picture nicholaswmin · Feb 16, 2013 · Viewed 45.7k times · Source

How can I change the width/height of a selected path in SVG-edit.

  • So far i only have this:

    svgCanvas.changeSelectedAttribute("height", "499");

The above command has absolutely no effect on the path. Resizing the bounding box just resizes the bounding box, but not the path itself.

Answer

Plynx picture Plynx · Feb 16, 2013

For a path, you probably want to apply a transform rather than edit the path coordinates, which can get complicated. See http://www.w3.org/TR/SVG/coords.html#TransformAttribute

Related questions

Get the bounding box of a selected SVG element

I want to read: width,height,x,y measurements for a particular SVG element. I suppose that easiest way to go about this is to fetch the minimum bounding box first and read it's properties. How can I access this?

Read More
How to apply transform matrix to path coordinates in Raphael JS 2?

I want to apply or 'bake' a transformation of several paths in Raphael JS 2, so that I can then combine them into one single path. Here is an example path, where I would like the "transform" attribute to be applied …

Read More
How to replace the value of the text element in svg from jquery

I am creating an svg tool for the constructing a building , i had created a room ( with the rect tool ) and grouped it and now want to place the name for that room eg : "Office" for the first time the …

Read More