diff options
author | Ulrich-Matthias Schäfer <ulima.ums@googlemail.com> | 2015-10-22 18:06:56 +0200 |
---|---|---|
committer | Ulrich-Matthias Schäfer <ulima.ums@googlemail.com> | 2015-10-22 18:06:56 +0200 |
commit | d6a4a9388944c71590e62018f1a466a5e82f7d95 (patch) | |
tree | 93d28417489e991d92591befb1d03dea16ceb421 /README.md | |
parent | 0b5b0eb4842c0bad045a69981d00cba7010f8d31 (diff) | |
download | svg.js-d6a4a9388944c71590e62018f1a466a5e82f7d95.tar.gz svg.js-d6a4a9388944c71590e62018f1a466a5e82f7d95.zip |
added pathmorphing extension to readme
Diffstat (limited to 'README.md')
-rw-r--r-- | README.md | 16 |
1 files changed, 14 insertions, 2 deletions
@@ -1722,7 +1722,7 @@ __Important__: Mozilla browsers include stroke widths where other browsers do no __`returns`: `SVG.RBox`__ ### ctm() -Retreives the current transform matrix of the element to the root coordinate system: +Retreives the current transform matrix of the element relative to the nearest viewport parent: ```javascript path.ctm() @@ -1730,6 +1730,15 @@ path.ctm() __`returns`: `SVG.Matrix`__ +### screenCTM() +Retreives the current transform matrix of the element relative to the screen: + +```javascript +path.screenCTM() +``` + +__`returns`: `SVG.Matrix`__ + ### matrixify() Merges all transformations of the element into one single matrix which is returned @@ -3285,7 +3294,7 @@ array.morph('100,0 0,100 200,200') This method will prepare the array ensuring both the source and destination arrays have the same length. -Note that this method is currently not available on `SVG.PathArray` but will be soon. +In order to morph paths you need to include the [svg.pathmorphing.js](https://github.com/wout/svg.pathmorphing.js) extension. __`returns`: `itself`__ @@ -3715,6 +3724,9 @@ SVG.extend(SVG.Ellipse, SVG.Path, SVG.Polygon, { ## Plugins Here are a few nice plugins that are available for SVG.js: +### pathmorphing +[svg.pathmorphing.js](https://github.com/wout/svg.pathmorphing.js) to make path animateable + ** Caution: Not tested for SVG.js 2.0 ** ### absorb |