From d6a4a9388944c71590e62018f1a466a5e82f7d95 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Ulrich-Matthias=20Sch=C3=A4fer?= Date: Thu, 22 Oct 2015 18:06:56 +0200 Subject: [PATCH] added pathmorphing extension to readme --- README.md | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index e69e6b0..13753db 100644 --- a/README.md +++ b/README.md @@ -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 -- 2.39.5