diff options
author | wout <wout@impinc.co.uk> | 2012-12-18 21:15:37 +0100 |
---|---|---|
committer | wout <wout@impinc.co.uk> | 2012-12-18 21:15:37 +0100 |
commit | 92f10e8d66b9e5f267e4a5c1711f80e3794324b9 (patch) | |
tree | 2c2e5ffbb63769e9971c9322188ce394e18ff63f | |
parent | 1293edb66a5263f8f7064f16f11cbf6b8f550800 (diff) | |
download | svg.js-92f10e8d66b9e5f267e4a5c1711f80e3794324b9.tar.gz svg.js-92f10e8d66b9e5f267e4a5c1711f80e3794324b9.zip |
Added arrange functionality to readme
-rw-r--r-- | README.md | 31 |
1 files changed, 29 insertions, 2 deletions
@@ -32,10 +32,13 @@ This will generate the following output: ### Manipulating elements -#### Setting attributes -You can set an element's attributes directly with 'attr()': +#### Attributes +You can get set an element's attributes directly using 'attr()': ```javascript +// get a single attribute +rect.attr('x'); + // set a single attribute rect.attr('x', 50); @@ -129,6 +132,30 @@ clipRect = clipPath.rect({ x:10, y:10, width:80, height:80 }); rect.clipTo(clipPath); ``` +This functionality requires the clip.js module which is included in the default distribution. + + +### Arranging elements +You can arrange elements within their parent SVG document using the following methods: + +```javascript +// move element to the front +rect.front(); + +// move element to the back +rect.back(); + +// move element one step forward +rect.forward(); + +// move element one step backward +rect.backward(); +// +``` + +This functionality requires the arrange.js module which is included in the default distribution. + + ## Compatibility ### Desktop |