diff --git a/android/src/main/java/com/horcrux/svg/SvgView.java b/android/src/main/java/com/horcrux/svg/SvgView.java
index 81fbdf1b..f58e4b32 100644
--- a/android/src/main/java/com/horcrux/svg/SvgView.java
+++ b/android/src/main/java/com/horcrux/svg/SvgView.java
@@ -64,6 +64,11 @@ public class SvgView extends ReactViewGroup implements ReactCompoundView, ReactC
   public SvgView(ReactContext reactContext) {
     super(reactContext);
     mScale = DisplayMetricsHolder.getScreenDisplayMetrics().density;
+    mScaleX = 1;
+    mScaleY = 1;
+    mPaint.setFlags(Paint.ANTI_ALIAS_FLAG | Paint.DEV_KERN_TEXT_FLAG | Paint.SUBPIXEL_TEXT_FLAG);
+    mPaint.setTypeface(Typeface.DEFAULT);
+
     // for some reason on Fabric the `onDraw` won't be called without it
     setWillNotDraw(false);
   }
@@ -131,7 +136,15 @@ public class SvgView extends ReactViewGroup implements ReactCompoundView, ReactC
       mBitmap = drawOutput();
     }
     if (mBitmap != null) {
-      canvas.drawBitmap(mBitmap, 0, 0, null);
+      if (mScaleX != 1 || mScaleY != 1) {
+        canvas.drawBitmap(
+            mBitmap,
+            -(float) (mBitmap.getWidth() - getWidth()) / 2,
+            -(float) (mBitmap.getHeight() - getHeight()) / 2,
+            mPaint);
+      } else {
+        canvas.drawBitmap(mBitmap, 0, 0, mPaint);
+      }
       if (toDataUrlTask != null) {
         toDataUrlTask.run();
         toDataUrlTask = null;
@@ -166,6 +179,9 @@ public class SvgView extends ReactViewGroup implements ReactCompoundView, ReactC
   private final Map<String, Brush> mDefinedBrushes = new HashMap<>();
   private Canvas mCanvas;
   private final float mScale;
+  private float mScaleX;
+  private float mScaleY;
+  private final Paint mPaint = new Paint();
 
   private float mMinX;
   private float mMinY;
@@ -265,7 +281,9 @@ public class SvgView extends ReactViewGroup implements ReactCompoundView, ReactC
     if (invalid) {
       return null;
     }
-    Bitmap bitmap = Bitmap.createBitmap((int) width, (int) height, Bitmap.Config.ARGB_8888);
+    Bitmap bitmap =
+        Bitmap.createBitmap(
+            (int) (width * mScaleX), (int) (height * mScaleY), Bitmap.Config.ARGB_8888);
     mCurrentBitmap = bitmap;
     drawChildren(new Canvas(bitmap));
     return bitmap;
@@ -297,12 +315,6 @@ public class SvgView extends ReactViewGroup implements ReactCompoundView, ReactC
       canvas.concat(mViewBoxMatrix);
     }
 
-    final Paint paint = new Paint();
-
-    paint.setFlags(Paint.ANTI_ALIAS_FLAG | Paint.DEV_KERN_TEXT_FLAG | Paint.SUBPIXEL_TEXT_FLAG);
-
-    paint.setTypeface(Typeface.DEFAULT);
-
     for (int i = 0; i < getChildCount(); i++) {
       View node = getChildAt(i);
       if (node instanceof VirtualView) {
@@ -315,7 +327,7 @@ public class SvgView extends ReactViewGroup implements ReactCompoundView, ReactC
       if (lNode instanceof VirtualView) {
         VirtualView node = (VirtualView) lNode;
         int count = node.saveAndSetupCanvas(canvas, mViewBoxMatrix);
-        node.render(canvas, paint, 1f);
+        node.render(canvas, mPaint, 1f);
         node.restoreCanvas(canvas, count);
 
         if (node.isResponsible() && !mResponsible) {
@@ -374,7 +386,11 @@ public class SvgView extends ReactViewGroup implements ReactCompoundView, ReactC
     }
 
     float[] transformed = {touchX, touchY};
-    mInvViewBoxMatrix.mapPoints(transformed);
+    int width = getWidth();
+    int height = getHeight();
+    Matrix invViewBoxMatrix = new Matrix(mInvViewBoxMatrix);
+    invViewBoxMatrix.preTranslate((width * mScaleX - width) / 2, (height * mScaleY - height) / 2);
+    invViewBoxMatrix.mapPoints(transformed);
 
     int count = getChildCount();
     int viewTag = -1;
@@ -444,4 +460,12 @@ public class SvgView extends ReactViewGroup implements ReactCompoundView, ReactC
   public Bitmap getCurrentBitmap() {
     return mCurrentBitmap;
   }
+
+  public void setTransformProperty() {
+    mScaleX = super.getScaleX();
+    mScaleY = super.getScaleY();
+    super.setScaleX(1);
+    super.setScaleY(1);
+    invalidate();
+  }
 }
diff --git a/android/src/main/java/com/horcrux/svg/SvgViewManager.java b/android/src/main/java/com/horcrux/svg/SvgViewManager.java
index 2f21dec9..5ae96ddb 100644
--- a/android/src/main/java/com/horcrux/svg/SvgViewManager.java
+++ b/android/src/main/java/com/horcrux/svg/SvgViewManager.java
@@ -10,8 +10,10 @@ package com.horcrux.svg;
 
 import android.graphics.Rect;
 import android.util.SparseArray;
+import androidx.annotation.NonNull;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.Dynamic;
+import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.uimanager.PixelUtil;
@@ -390,4 +392,13 @@ class SvgViewManager extends ReactViewManager
   public void setBorderStartStartRadius(SvgView view, double value) {
     super.setBorderRadius(view, 12, (float) value);
   }
+
+  @Override
+  public void setTransformProperty(
+          @NonNull ReactViewGroup view,
+          @androidx.annotation.Nullable ReadableArray transforms,
+          @androidx.annotation.Nullable ReadableArray transformOrigin) {
+    super.setTransformProperty(view, transforms, transformOrigin);
+    ((SvgView) view).setTransformProperty();
+  }
 }
diff --git a/apps/test-examples/index.tsx b/apps/test-examples/index.tsx
index 09b86822..75fb937a 100644
--- a/apps/test-examples/index.tsx
+++ b/apps/test-examples/index.tsx
@@ -26,6 +26,7 @@ import Test2327 from './src/Test2327';
 import Test2233 from './src/Test2233';
 import Test2366 from './src/Test2366';
 import Test2397 from './src/Test2397';
+import Test2403 from './src/Test2403';
 import Test2407 from './src/Test2407';
 
 export default function App() {
diff --git a/apps/test-examples/src/Test2403.tsx b/apps/test-examples/src/Test2403.tsx
new file mode 100644
index 00000000..347b0558
--- /dev/null
+++ b/apps/test-examples/src/Test2403.tsx
@@ -0,0 +1,95 @@
+import {useCallback} from 'react';
+import {
+  Animated,
+  Button,
+  Easing,
+  Text,
+  View,
+  useAnimatedValue,
+} from 'react-native';
+import {Circle, Mask, Path, Rect, Svg} from 'react-native-svg';
+
+export const EASING_IN: (t: number) => number = Easing.bezier(0.7, 0, 0.3, 1);
+export const EASING_OUT: (t: number) => number = Easing.bezier(0.5, 0, 0.5, 1);
+
+const AnimatedSvg = Animated.createAnimatedComponent(Svg);
+
+export default function Playground() {
+  const animatedValue = useAnimatedValue(0);
+
+  const handleMouseEnter = useCallback(() => {
+    Animated.timing(animatedValue, {
+      duration: 350,
+      easing: EASING_IN,
+      toValue: 1,
+      useNativeDriver: false,
+    }).start();
+  }, [animatedValue]);
+
+  const handleMouseLeave = useCallback(() => {
+    Animated.timing(animatedValue, {
+      duration: 350,
+      easing: EASING_OUT,
+      toValue: 0,
+      useNativeDriver: false,
+    }).start();
+  }, [animatedValue]);
+
+  return (
+    <View
+      style={{
+        paddingTop: 100,
+        marginHorizontal: 16,
+        flex: 1,
+      }}>
+      <Text style={{zIndex: 100}}>Text1</Text>
+      <AnimatedSvg
+        height="200"
+        viewBox="0 0 200 200"
+        width="200"
+        // use transform or style.transform
+        // transform={[
+        //   {
+        //     scale: animatedValue.interpolate({
+        //       inputRange: [0, 1],
+        //       outputRange: [1, 1.2],
+        //     }),
+        //   },
+        // ]}
+        style={{
+          transform: [
+            {
+              scale: animatedValue.interpolate({
+                inputRange: [0, 1],
+                outputRange: [1, 1.2],
+              }),
+            },
+          ],
+        }}
+        //
+      >
+        <Mask id="myMask">
+          <Rect fill="white" height="100" width="100" x="0" y="0" />
+          <Path
+            d="M10,35 A20,20,0,0,1,50,35 A20,20,0,0,1,90,35 Q90,65,50,95 Q10,65,10,35 Z"
+            fill="black"
+          />
+        </Mask>
+        <Rect fill="pink" height="200" width="300" x="0" y="0" />
+        <Circle
+          cx="50"
+          cy="50"
+          fill="purple"
+          mask="url(#myMask)"
+          r="50"
+          onPress={() => console.log('sadas')}
+        />
+        <Rect fill="green" x="50" y="100" width="100" height="100" />
+      </AnimatedSvg>
+
+      <Text>Text2</Text>
+      <Button onPress={handleMouseEnter} title="Mouse Enter" />
+      <Button onPress={handleMouseLeave} title="Mouse Leave" />
+    </View>
+  );
+}
diff --git a/package.json b/package.json
index 0c40bd86..cc94bf3d 100644
--- a/package.json
+++ b/package.json
@@ -53,7 +53,7 @@
     "format-js": "prettier --write README.md CONTRIBUTING.md CODE_OF_CONDUCT.md USAGE.md ./src/**/*.{ts,tsx} ./apps/**/*.tsx ./example/**/*.tsx ./*-example/**/*.tsx",
     "jest": "jest",
     "lint": "eslint --ext .ts,.tsx src",
-    "peg": "pegjs -o src/lib/extract/transform.js ./src/lib/extract/transform.peg && peggy -o src/filter-image/extract/extractFiltersString.js src/filter-image/extract/extractFiltersString.pegjs",
+    "peg": "pegjs -o src/lib/extract/transform.js ./src/lib/extract/transform.peg && peggy -o src/filter-image/extract/extractFiltersString.js src/filter-image/extract/extractFiltersString.pegjs && peggy -o src/lib/extract/transformToRn.js src/lib/extract/transformToRn.pegjs",
     "prepare": "npm run bob && husky install",
     "release": "npm login && release-it",
     "test": "npm run lint && npm run tsc",
diff --git a/src/elements/Svg.tsx b/src/elements/Svg.tsx
index 0f127c8c..36edd2ce 100644
--- a/src/elements/Svg.tsx
+++ b/src/elements/Svg.tsx
@@ -25,6 +25,7 @@ import RNSVGSvgAndroid from '../fabric/AndroidSvgViewNativeComponent';
 import RNSVGSvgIOS from '../fabric/IOSSvgViewNativeComponent';
 import type { Spec } from '../fabric/NativeSvgViewModule';
 import extractOpacity from '../lib/extract/extractOpacity';
+import { extractTransformSvgView } from '../lib/extract/extractTransform';
 import { ViewProps } from '../fabric/utils';
 
 const styles = StyleSheet.create({
@@ -179,16 +180,12 @@ export default class Svg extends Shape<SvgProps> {
     }
 
     const gStyle = Object.assign({}, StyleSheet.flatten(style));
-    // if transform prop is of RN style's kind, we want `SvgView` to handle it
-    // since it can be done here. Otherwise, if transform is of `svg` kind, e.g. string,
-    // we want G element to parse it since `Svg` does not include parsing of those custom transforms.
-    // It is problematic due to fact that we either move the `Svg` or just its `G` child, and in the
-    // second case, when the `G` leaves the area of `Svg`, it will just disappear.
-    if (Array.isArray(transform) && typeof transform[0] === 'object') {
-      gStyle.transform = undefined;
-    } else {
-      props.transform = undefined;
-      gStyle.transform = transform;
+    if (transform) {
+      if (gStyle.transform) {
+        props.transform = gStyle.transform;
+        gStyle.transform = undefined;
+      }
+      props.transform = extractTransformSvgView(props as any);
     }
 
     const RNSVGSvg = Platform.OS === 'android' ? RNSVGSvgAndroid : RNSVGSvgIOS;
diff --git a/src/lib/extract/extractTransform.ts b/src/lib/extract/extractTransform.ts
index 61e0f90d..493a41a3 100644
--- a/src/lib/extract/extractTransform.ts
+++ b/src/lib/extract/extractTransform.ts
@@ -1,6 +1,7 @@
 import type { TransformsStyle } from 'react-native';
 import { append, appendTransform, identity, reset, toArray } from '../Matrix2D';
 import { parse } from './transform';
+import { parse as parseTransformSvgToRnStyle } from './transformToRn';
 import type {
   ColumnMajorTransformMatrix,
   NumberProp,
@@ -224,3 +225,12 @@ export default function extractTransform(
     transformProps?.transform
   );
 }
+
+export function extractTransformSvgView(
+  props: TransformsStyle
+): TransformsStyle['transform'] {
+  if (typeof props.transform === 'string') {
+    return parseTransformSvgToRnStyle(props.transform);
+  }
+  return props.transform as TransformsStyle['transform'];
+}
diff --git a/src/lib/extract/transformToRn.d.ts b/src/lib/extract/transformToRn.d.ts
new file mode 100644
index 00000000..10e76b9a
--- /dev/null
+++ b/src/lib/extract/transformToRn.d.ts
@@ -0,0 +1,4 @@
+export function parse(
+  transform: string,
+  options?: object
+): TransformsStyle['transform'];
diff --git a/src/lib/extract/transformToRn.js b/src/lib/extract/transformToRn.js
new file mode 100644
index 00000000..9f2c85c8
--- /dev/null
+++ b/src/lib/extract/transformToRn.js
@@ -0,0 +1,1320 @@
+// @generated by Peggy 4.0.3.
+//
+// https://peggyjs.org/
+
+'use strict';
+
+function peg$subclass(child, parent) {
+  function C() {
+    this.constructor = child;
+  }
+  C.prototype = parent.prototype;
+  child.prototype = new C();
+}
+
+function peg$SyntaxError(message, expected, found, location) {
+  var self = Error.call(this, message);
+  // istanbul ignore next Check is a necessary evil to support older environments
+  if (Object.setPrototypeOf) {
+    Object.setPrototypeOf(self, peg$SyntaxError.prototype);
+  }
+  self.expected = expected;
+  self.found = found;
+  self.location = location;
+  self.name = 'SyntaxError';
+  return self;
+}
+
+peg$subclass(peg$SyntaxError, Error);
+
+function peg$padEnd(str, targetLength, padString) {
+  padString = padString || ' ';
+  if (str.length > targetLength) {
+    return str;
+  }
+  targetLength -= str.length;
+  padString += padString.repeat(targetLength);
+  return str + padString.slice(0, targetLength);
+}
+
+peg$SyntaxError.prototype.format = function (sources) {
+  var str = 'Error: ' + this.message;
+  if (this.location) {
+    var src = null;
+    var k;
+    for (k = 0; k < sources.length; k++) {
+      if (sources[k].source === this.location.source) {
+        src = sources[k].text.split(/\r\n|\n|\r/g);
+        break;
+      }
+    }
+    var s = this.location.start;
+    var offset_s =
+      this.location.source && typeof this.location.source.offset === 'function'
+        ? this.location.source.offset(s)
+        : s;
+    var loc =
+      this.location.source + ':' + offset_s.line + ':' + offset_s.column;
+    if (src) {
+      var e = this.location.end;
+      var filler = peg$padEnd('', offset_s.line.toString().length, ' ');
+      var line = src[s.line - 1];
+      var last = s.line === e.line ? e.column : line.length + 1;
+      var hatLen = last - s.column || 1;
+      str +=
+        '\n --> ' +
+        loc +
+        '\n' +
+        filler +
+        ' |\n' +
+        offset_s.line +
+        ' | ' +
+        line +
+        '\n' +
+        filler +
+        ' | ' +
+        peg$padEnd('', s.column - 1, ' ') +
+        peg$padEnd('', hatLen, '^');
+    } else {
+      str += '\n at ' + loc;
+    }
+  }
+  return str;
+};
+
+peg$SyntaxError.buildMessage = function (expected, found) {
+  var DESCRIBE_EXPECTATION_FNS = {
+    literal: function (expectation) {
+      return '"' + literalEscape(expectation.text) + '"';
+    },
+
+    class: function (expectation) {
+      var escapedParts = expectation.parts.map(function (part) {
+        return Array.isArray(part)
+          ? classEscape(part[0]) + '-' + classEscape(part[1])
+          : classEscape(part);
+      });
+
+      return (
+        '[' + (expectation.inverted ? '^' : '') + escapedParts.join('') + ']'
+      );
+    },
+
+    any: function () {
+      return 'any character';
+    },
+
+    end: function () {
+      return 'end of input';
+    },
+
+    other: function (expectation) {
+      return expectation.description;
+    },
+  };
+
+  function hex(ch) {
+    return ch.charCodeAt(0).toString(16).toUpperCase();
+  }
+
+  function literalEscape(s) {
+    return s
+      .replace(/\\/g, '\\\\')
+      .replace(/"/g, '\\"')
+      .replace(/\0/g, '\\0')
+      .replace(/\t/g, '\\t')
+      .replace(/\n/g, '\\n')
+      .replace(/\r/g, '\\r')
+      .replace(/[\x00-\x0F]/g, function (ch) {
+        return '\\x0' + hex(ch);
+      })
+      .replace(/[\x10-\x1F\x7F-\x9F]/g, function (ch) {
+        return '\\x' + hex(ch);
+      });
+  }
+
+  function classEscape(s) {
+    return s
+      .replace(/\\/g, '\\\\')
+      .replace(/\]/g, '\\]')
+      .replace(/\^/g, '\\^')
+      .replace(/-/g, '\\-')
+      .replace(/\0/g, '\\0')
+      .replace(/\t/g, '\\t')
+      .replace(/\n/g, '\\n')
+      .replace(/\r/g, '\\r')
+      .replace(/[\x00-\x0F]/g, function (ch) {
+        return '\\x0' + hex(ch);
+      })
+      .replace(/[\x10-\x1F\x7F-\x9F]/g, function (ch) {
+        return '\\x' + hex(ch);
+      });
+  }
+
+  function describeExpectation(expectation) {
+    return DESCRIBE_EXPECTATION_FNS[expectation.type](expectation);
+  }
+
+  function describeExpected(expected) {
+    var descriptions = expected.map(describeExpectation);
+    var i, j;
+
+    descriptions.sort();
+
+    if (descriptions.length > 0) {
+      for (i = 1, j = 1; i < descriptions.length; i++) {
+        if (descriptions[i - 1] !== descriptions[i]) {
+          descriptions[j] = descriptions[i];
+          j++;
+        }
+      }
+      descriptions.length = j;
+    }
+
+    switch (descriptions.length) {
+      case 1:
+        return descriptions[0];
+
+      case 2:
+        return descriptions[0] + ' or ' + descriptions[1];
+
+      default:
+        return (
+          descriptions.slice(0, -1).join(', ') +
+          ', or ' +
+          descriptions[descriptions.length - 1]
+        );
+    }
+  }
+
+  function describeFound(found) {
+    return found ? '"' + literalEscape(found) + '"' : 'end of input';
+  }
+
+  return (
+    'Expected ' +
+    describeExpected(expected) +
+    ' but ' +
+    describeFound(found) +
+    ' found.'
+  );
+};
+
+function peg$parse(input, options) {
+  options = options !== undefined ? options : {};
+
+  var peg$FAILED = {};
+  var peg$source = options.grammarSource;
+
+  var peg$startRuleFunctions = { start: peg$parsestart };
+  var peg$startRuleFunction = peg$parsestart;
+
+  var peg$c0 = 'matrix(';
+  var peg$c1 = ')';
+  var peg$c2 = 'translate(';
+  var peg$c3 = 'scale(';
+  var peg$c4 = 'rotate(';
+  var peg$c5 = 'skewX(';
+  var peg$c6 = 'skewY(';
+  var peg$c7 = '.';
+  var peg$c8 = 'e';
+
+  var peg$r0 = /^[ \t\n\r,]/;
+  var peg$r1 = /^[ \t\n\r]/;
+  var peg$r2 = /^[+\-]/;
+  var peg$r3 = /^[0-9]/;
+
+  var peg$e0 = peg$otherExpectation('transform functions');
+  var peg$e1 = peg$otherExpectation('transformFunctions');
+  var peg$e2 = peg$otherExpectation('transform function');
+  var peg$e3 = peg$otherExpectation('matrix');
+  var peg$e4 = peg$literalExpectation('matrix(', false);
+  var peg$e5 = peg$literalExpectation(')', false);
+  var peg$e6 = peg$otherExpectation('translate');
+  var peg$e7 = peg$literalExpectation('translate(', false);
+  var peg$e8 = peg$otherExpectation('scale');
+  var peg$e9 = peg$literalExpectation('scale(', false);
+  var peg$e10 = peg$otherExpectation('rotate');
+  var peg$e11 = peg$literalExpectation('rotate(', false);
+  var peg$e12 = peg$otherExpectation('x, y');
+  var peg$e13 = peg$otherExpectation('skewX');
+  var peg$e14 = peg$literalExpectation('skewX(', false);
+  var peg$e15 = peg$otherExpectation('skewY');
+  var peg$e16 = peg$literalExpectation('skewY(', false);
+  var peg$e17 = peg$otherExpectation('space or comma');
+  var peg$e18 = peg$classExpectation(
+    [' ', '\t', '\n', '\r', ','],
+    false,
+    false
+  );
+  var peg$e19 = peg$otherExpectation('whitespace');
+  var peg$e20 = peg$classExpectation([' ', '\t', '\n', '\r'], false, false);
+  var peg$e21 = peg$classExpectation(['+', '-'], false, false);
+  var peg$e22 = peg$classExpectation([['0', '9']], false, false);
+  var peg$e23 = peg$literalExpectation('.', false);
+  var peg$e24 = peg$literalExpectation('e', false);
+
+  var peg$f0 = function (head, tail) {
+    const results = Array.isArray(head) ? head : [head];
+    tail.forEach((element) => {
+      if (Array.isArray(element[1])) {
+        results.push(...element[1]);
+      } else {
+        results.push(element[1]);
+      }
+    });
+    return results;
+  };
+  var peg$f1 = function (a, b, c, d, e, f, g, h, i) {
+    return { matrix: [a, b, c, d, e, f, g, h, i] };
+  };
+  var peg$f2 = function (x, y) {
+    if (y == undefined) {
+      return { translate: x };
+    }
+    return { translate: [x, y] };
+  };
+  var peg$f3 = function (x, y) {
+    if (y == undefined) {
+      return { scale: x };
+    }
+    return [{ scaleX: x }, { scaleY: y }];
+  };
+  var peg$f4 = function (x, yz) {
+    if (yz !== null) {
+      return { rotate: `${x}deg` };
+    }
+    return [{ rotate: `${x}deg` }];
+  };
+  var peg$f5 = function (y, z) {
+    return [y, z];
+  };
+  var peg$f6 = function (x) {
+    return [{ skewX: `${x}deg` }];
+  };
+  var peg$f7 = function (y) {
+    return [{ skewY: `${y}deg` }];
+  };
+  var peg$f8 = function () {
+    return parseFloat(text());
+  };
+  var peg$currPos = options.peg$currPos | 0;
+  var peg$savedPos = peg$currPos;
+  var peg$posDetailsCache = [{ line: 1, column: 1 }];
+  var peg$maxFailPos = peg$currPos;
+  var peg$maxFailExpected = options.peg$maxFailExpected || [];
+  var peg$silentFails = options.peg$silentFails | 0;
+
+  var peg$result;
+
+  if (options.startRule) {
+    if (!(options.startRule in peg$startRuleFunctions)) {
+      throw new Error(
+        'Can\'t start parsing from rule "' + options.startRule + '".'
+      );
+    }
+
+    peg$startRuleFunction = peg$startRuleFunctions[options.startRule];
+  }
+
+  function text() {
+    return input.substring(peg$savedPos, peg$currPos);
+  }
+
+  function offset() {
+    return peg$savedPos;
+  }
+
+  function range() {
+    return {
+      source: peg$source,
+      start: peg$savedPos,
+      end: peg$currPos,
+    };
+  }
+
+  function location() {
+    return peg$computeLocation(peg$savedPos, peg$currPos);
+  }
+
+  function expected(description, location) {
+    location =
+      location !== undefined
+        ? location
+        : peg$computeLocation(peg$savedPos, peg$currPos);
+
+    throw peg$buildStructuredError(
+      [peg$otherExpectation(description)],
+      input.substring(peg$savedPos, peg$currPos),
+      location
+    );
+  }
+
+  function error(message, location) {
+    location =
+      location !== undefined
+        ? location
+        : peg$computeLocation(peg$savedPos, peg$currPos);
+
+    throw peg$buildSimpleError(message, location);
+  }
+
+  function peg$literalExpectation(text, ignoreCase) {
+    return { type: 'literal', text: text, ignoreCase: ignoreCase };
+  }
+
+  function peg$classExpectation(parts, inverted, ignoreCase) {
+    return {
+      type: 'class',
+      parts: parts,
+      inverted: inverted,
+      ignoreCase: ignoreCase,
+    };
+  }
+
+  function peg$anyExpectation() {
+    return { type: 'any' };
+  }
+
+  function peg$endExpectation() {
+    return { type: 'end' };
+  }
+
+  function peg$otherExpectation(description) {
+    return { type: 'other', description: description };
+  }
+
+  function peg$computePosDetails(pos) {
+    var details = peg$posDetailsCache[pos];
+    var p;
+
+    if (details) {
+      return details;
+    } else {
+      if (pos >= peg$posDetailsCache.length) {
+        p = peg$posDetailsCache.length - 1;
+      } else {
+        p = pos;
+        while (!peg$posDetailsCache[--p]) {}
+      }
+
+      details = peg$posDetailsCache[p];
+      details = {
+        line: details.line,
+        column: details.column,
+      };
+
+      while (p < pos) {
+        if (input.charCodeAt(p) === 10) {
+          details.line++;
+          details.column = 1;
+        } else {
+          details.column++;
+        }
+
+        p++;
+      }
+
+      peg$posDetailsCache[pos] = details;
+
+      return details;
+    }
+  }
+
+  function peg$computeLocation(startPos, endPos, offset) {
+    var startPosDetails = peg$computePosDetails(startPos);
+    var endPosDetails = peg$computePosDetails(endPos);
+
+    var res = {
+      source: peg$source,
+      start: {
+        offset: startPos,
+        line: startPosDetails.line,
+        column: startPosDetails.column,
+      },
+      end: {
+        offset: endPos,
+        line: endPosDetails.line,
+        column: endPosDetails.column,
+      },
+    };
+    if (offset && peg$source && typeof peg$source.offset === 'function') {
+      res.start = peg$source.offset(res.start);
+      res.end = peg$source.offset(res.end);
+    }
+    return res;
+  }
+
+  function peg$fail(expected) {
+    if (peg$currPos < peg$maxFailPos) {
+      return;
+    }
+
+    if (peg$currPos > peg$maxFailPos) {
+      peg$maxFailPos = peg$currPos;
+      peg$maxFailExpected = [];
+    }
+
+    peg$maxFailExpected.push(expected);
+  }
+
+  function peg$buildSimpleError(message, location) {
+    return new peg$SyntaxError(message, null, null, location);
+  }
+
+  function peg$buildStructuredError(expected, found, location) {
+    return new peg$SyntaxError(
+      peg$SyntaxError.buildMessage(expected, found),
+      expected,
+      found,
+      location
+    );
+  }
+
+  function peg$parsestart() {
+    var s0, s1;
+
+    peg$silentFails++;
+    s0 = peg$parsetransformFunctions();
+    peg$silentFails--;
+    if (s0 === peg$FAILED) {
+      s1 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e0);
+      }
+    }
+
+    return s0;
+  }
+
+  function peg$parsetransformFunctions() {
+    var s0, s1, s2, s3, s4, s5;
+
+    peg$silentFails++;
+    s0 = peg$currPos;
+    s1 = peg$parsefunction();
+    if (s1 !== peg$FAILED) {
+      s2 = [];
+      s3 = peg$currPos;
+      s4 = peg$parse_();
+      s5 = peg$parsefunction();
+      if (s5 !== peg$FAILED) {
+        s4 = [s4, s5];
+        s3 = s4;
+      } else {
+        peg$currPos = s3;
+        s3 = peg$FAILED;
+      }
+      while (s3 !== peg$FAILED) {
+        s2.push(s3);
+        s3 = peg$currPos;
+        s4 = peg$parse_();
+        s5 = peg$parsefunction();
+        if (s5 !== peg$FAILED) {
+          s4 = [s4, s5];
+          s3 = s4;
+        } else {
+          peg$currPos = s3;
+          s3 = peg$FAILED;
+        }
+      }
+      peg$savedPos = s0;
+      s0 = peg$f0(s1, s2);
+    } else {
+      peg$currPos = s0;
+      s0 = peg$FAILED;
+    }
+    peg$silentFails--;
+    if (s0 === peg$FAILED) {
+      s1 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e1);
+      }
+    }
+
+    return s0;
+  }
+
+  function peg$parsefunction() {
+    var s0, s1;
+
+    peg$silentFails++;
+    s0 = peg$parsematrix();
+    if (s0 === peg$FAILED) {
+      s0 = peg$parsetranslate();
+      if (s0 === peg$FAILED) {
+        s0 = peg$parsescale();
+        if (s0 === peg$FAILED) {
+          s0 = peg$parserotate();
+          if (s0 === peg$FAILED) {
+            s0 = peg$parseskewX();
+            if (s0 === peg$FAILED) {
+              s0 = peg$parseskewY();
+            }
+          }
+        }
+      }
+    }
+    peg$silentFails--;
+    if (s0 === peg$FAILED) {
+      s1 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e2);
+      }
+    }
+
+    return s0;
+  }
+
+  function peg$parsematrix() {
+    var s0,
+      s1,
+      s2,
+      s3,
+      s4,
+      s5,
+      s6,
+      s7,
+      s8,
+      s9,
+      s10,
+      s11,
+      s12,
+      s13,
+      s14,
+      s15,
+      s16,
+      s17,
+      s18,
+      s19,
+      s20,
+      s21,
+      s22,
+      s23;
+
+    peg$silentFails++;
+    s0 = peg$currPos;
+    s1 = peg$parse_();
+    if (input.substr(peg$currPos, 7) === peg$c0) {
+      s2 = peg$c0;
+      peg$currPos += 7;
+    } else {
+      s2 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e4);
+      }
+    }
+    if (s2 !== peg$FAILED) {
+      s3 = peg$parse_();
+      s4 = peg$parseNUM();
+      if (s4 !== peg$FAILED) {
+        s5 = peg$parsespaceOrComma();
+        s6 = peg$parseNUM();
+        if (s6 !== peg$FAILED) {
+          s7 = peg$parsespaceOrComma();
+          s8 = peg$parseNUM();
+          if (s8 !== peg$FAILED) {
+            s9 = peg$parsespaceOrComma();
+            s10 = peg$parseNUM();
+            if (s10 !== peg$FAILED) {
+              s11 = peg$parsespaceOrComma();
+              s12 = peg$parseNUM();
+              if (s12 !== peg$FAILED) {
+                s13 = peg$parsespaceOrComma();
+                s14 = peg$parseNUM();
+                if (s14 !== peg$FAILED) {
+                  s15 = peg$parsespaceOrComma();
+                  s16 = peg$parseNUM();
+                  if (s16 !== peg$FAILED) {
+                    s17 = peg$parsespaceOrComma();
+                    s18 = peg$parseNUM();
+                    if (s18 !== peg$FAILED) {
+                      s19 = peg$parsespaceOrComma();
+                      s20 = peg$parseNUM();
+                      if (s20 !== peg$FAILED) {
+                        s21 = peg$parse_();
+                        if (input.charCodeAt(peg$currPos) === 41) {
+                          s22 = peg$c1;
+                          peg$currPos++;
+                        } else {
+                          s22 = peg$FAILED;
+                          if (peg$silentFails === 0) {
+                            peg$fail(peg$e5);
+                          }
+                        }
+                        if (s22 !== peg$FAILED) {
+                          s23 = peg$parse_();
+                          peg$savedPos = s0;
+                          s0 = peg$f1(s4, s6, s8, s10, s12, s14, s16, s18, s20);
+                        } else {
+                          peg$currPos = s0;
+                          s0 = peg$FAILED;
+                        }
+                      } else {
+                        peg$currPos = s0;
+                        s0 = peg$FAILED;
+                      }
+                    } else {
+                      peg$currPos = s0;
+                      s0 = peg$FAILED;
+                    }
+                  } else {
+                    peg$currPos = s0;
+                    s0 = peg$FAILED;
+                  }
+                } else {
+                  peg$currPos = s0;
+                  s0 = peg$FAILED;
+                }
+              } else {
+                peg$currPos = s0;
+                s0 = peg$FAILED;
+              }
+            } else {
+              peg$currPos = s0;
+              s0 = peg$FAILED;
+            }
+          } else {
+            peg$currPos = s0;
+            s0 = peg$FAILED;
+          }
+        } else {
+          peg$currPos = s0;
+          s0 = peg$FAILED;
+        }
+      } else {
+        peg$currPos = s0;
+        s0 = peg$FAILED;
+      }
+    } else {
+      peg$currPos = s0;
+      s0 = peg$FAILED;
+    }
+    peg$silentFails--;
+    if (s0 === peg$FAILED) {
+      s1 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e3);
+      }
+    }
+
+    return s0;
+  }
+
+  function peg$parsetranslate() {
+    var s0, s1, s2, s3, s4, s5, s6, s7, s8, s9;
+
+    peg$silentFails++;
+    s0 = peg$currPos;
+    s1 = peg$parse_();
+    if (input.substr(peg$currPos, 10) === peg$c2) {
+      s2 = peg$c2;
+      peg$currPos += 10;
+    } else {
+      s2 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e7);
+      }
+    }
+    if (s2 !== peg$FAILED) {
+      s3 = peg$parse_();
+      s4 = peg$parseNUM();
+      if (s4 !== peg$FAILED) {
+        s5 = peg$parsespaceOrComma();
+        s6 = peg$parseNUM();
+        if (s6 === peg$FAILED) {
+          s6 = null;
+        }
+        s7 = peg$parse_();
+        if (input.charCodeAt(peg$currPos) === 41) {
+          s8 = peg$c1;
+          peg$currPos++;
+        } else {
+          s8 = peg$FAILED;
+          if (peg$silentFails === 0) {
+            peg$fail(peg$e5);
+          }
+        }
+        if (s8 !== peg$FAILED) {
+          s9 = peg$parse_();
+          peg$savedPos = s0;
+          s0 = peg$f2(s4, s6);
+        } else {
+          peg$currPos = s0;
+          s0 = peg$FAILED;
+        }
+      } else {
+        peg$currPos = s0;
+        s0 = peg$FAILED;
+      }
+    } else {
+      peg$currPos = s0;
+      s0 = peg$FAILED;
+    }
+    peg$silentFails--;
+    if (s0 === peg$FAILED) {
+      s1 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e6);
+      }
+    }
+
+    return s0;
+  }
+
+  function peg$parsescale() {
+    var s0, s1, s2, s3, s4, s5, s6, s7, s8, s9;
+
+    peg$silentFails++;
+    s0 = peg$currPos;
+    s1 = peg$parse_();
+    if (input.substr(peg$currPos, 6) === peg$c3) {
+      s2 = peg$c3;
+      peg$currPos += 6;
+    } else {
+      s2 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e9);
+      }
+    }
+    if (s2 !== peg$FAILED) {
+      s3 = peg$parse_();
+      s4 = peg$parseNUM();
+      if (s4 !== peg$FAILED) {
+        s5 = peg$parsespaceOrComma();
+        s6 = peg$parseNUM();
+        if (s6 === peg$FAILED) {
+          s6 = null;
+        }
+        s7 = peg$parse_();
+        if (input.charCodeAt(peg$currPos) === 41) {
+          s8 = peg$c1;
+          peg$currPos++;
+        } else {
+          s8 = peg$FAILED;
+          if (peg$silentFails === 0) {
+            peg$fail(peg$e5);
+          }
+        }
+        if (s8 !== peg$FAILED) {
+          s9 = peg$parse_();
+          peg$savedPos = s0;
+          s0 = peg$f3(s4, s6);
+        } else {
+          peg$currPos = s0;
+          s0 = peg$FAILED;
+        }
+      } else {
+        peg$currPos = s0;
+        s0 = peg$FAILED;
+      }
+    } else {
+      peg$currPos = s0;
+      s0 = peg$FAILED;
+    }
+    peg$silentFails--;
+    if (s0 === peg$FAILED) {
+      s1 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e8);
+      }
+    }
+
+    return s0;
+  }
+
+  function peg$parserotate() {
+    var s0, s1, s2, s3, s4, s5, s6, s7, s8;
+
+    peg$silentFails++;
+    s0 = peg$currPos;
+    s1 = peg$parse_();
+    if (input.substr(peg$currPos, 7) === peg$c4) {
+      s2 = peg$c4;
+      peg$currPos += 7;
+    } else {
+      s2 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e11);
+      }
+    }
+    if (s2 !== peg$FAILED) {
+      s3 = peg$parse_();
+      s4 = peg$parseNUM();
+      if (s4 !== peg$FAILED) {
+        s5 = peg$parsetwoNumbers();
+        if (s5 === peg$FAILED) {
+          s5 = null;
+        }
+        s6 = peg$parse_();
+        if (input.charCodeAt(peg$currPos) === 41) {
+          s7 = peg$c1;
+          peg$currPos++;
+        } else {
+          s7 = peg$FAILED;
+          if (peg$silentFails === 0) {
+            peg$fail(peg$e5);
+          }
+        }
+        if (s7 !== peg$FAILED) {
+          s8 = peg$parse_();
+          peg$savedPos = s0;
+          s0 = peg$f4(s4, s5);
+        } else {
+          peg$currPos = s0;
+          s0 = peg$FAILED;
+        }
+      } else {
+        peg$currPos = s0;
+        s0 = peg$FAILED;
+      }
+    } else {
+      peg$currPos = s0;
+      s0 = peg$FAILED;
+    }
+    peg$silentFails--;
+    if (s0 === peg$FAILED) {
+      s1 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e10);
+      }
+    }
+
+    return s0;
+  }
+
+  function peg$parsetwoNumbers() {
+    var s0, s1, s2, s3, s4;
+
+    peg$silentFails++;
+    s0 = peg$currPos;
+    s1 = peg$parsespaceOrComma();
+    s2 = peg$parseNUM();
+    if (s2 !== peg$FAILED) {
+      s3 = peg$parsespaceOrComma();
+      s4 = peg$parseNUM();
+      if (s4 !== peg$FAILED) {
+        peg$savedPos = s0;
+        s0 = peg$f5(s2, s4);
+      } else {
+        peg$currPos = s0;
+        s0 = peg$FAILED;
+      }
+    } else {
+      peg$currPos = s0;
+      s0 = peg$FAILED;
+    }
+    peg$silentFails--;
+    if (s0 === peg$FAILED) {
+      s1 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e12);
+      }
+    }
+
+    return s0;
+  }
+
+  function peg$parseskewX() {
+    var s0, s1, s2, s3, s4, s5, s6, s7;
+
+    peg$silentFails++;
+    s0 = peg$currPos;
+    s1 = peg$parse_();
+    if (input.substr(peg$currPos, 6) === peg$c5) {
+      s2 = peg$c5;
+      peg$currPos += 6;
+    } else {
+      s2 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e14);
+      }
+    }
+    if (s2 !== peg$FAILED) {
+      s3 = peg$parse_();
+      s4 = peg$parseNUM();
+      if (s4 !== peg$FAILED) {
+        s5 = peg$parse_();
+        if (input.charCodeAt(peg$currPos) === 41) {
+          s6 = peg$c1;
+          peg$currPos++;
+        } else {
+          s6 = peg$FAILED;
+          if (peg$silentFails === 0) {
+            peg$fail(peg$e5);
+          }
+        }
+        if (s6 !== peg$FAILED) {
+          s7 = peg$parse_();
+          peg$savedPos = s0;
+          s0 = peg$f6(s4);
+        } else {
+          peg$currPos = s0;
+          s0 = peg$FAILED;
+        }
+      } else {
+        peg$currPos = s0;
+        s0 = peg$FAILED;
+      }
+    } else {
+      peg$currPos = s0;
+      s0 = peg$FAILED;
+    }
+    peg$silentFails--;
+    if (s0 === peg$FAILED) {
+      s1 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e13);
+      }
+    }
+
+    return s0;
+  }
+
+  function peg$parseskewY() {
+    var s0, s1, s2, s3, s4, s5, s6, s7;
+
+    peg$silentFails++;
+    s0 = peg$currPos;
+    s1 = peg$parse_();
+    if (input.substr(peg$currPos, 6) === peg$c6) {
+      s2 = peg$c6;
+      peg$currPos += 6;
+    } else {
+      s2 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e16);
+      }
+    }
+    if (s2 !== peg$FAILED) {
+      s3 = peg$parse_();
+      s4 = peg$parseNUM();
+      if (s4 !== peg$FAILED) {
+        s5 = peg$parse_();
+        if (input.charCodeAt(peg$currPos) === 41) {
+          s6 = peg$c1;
+          peg$currPos++;
+        } else {
+          s6 = peg$FAILED;
+          if (peg$silentFails === 0) {
+            peg$fail(peg$e5);
+          }
+        }
+        if (s6 !== peg$FAILED) {
+          s7 = peg$parse_();
+          peg$savedPos = s0;
+          s0 = peg$f7(s4);
+        } else {
+          peg$currPos = s0;
+          s0 = peg$FAILED;
+        }
+      } else {
+        peg$currPos = s0;
+        s0 = peg$FAILED;
+      }
+    } else {
+      peg$currPos = s0;
+      s0 = peg$FAILED;
+    }
+    peg$silentFails--;
+    if (s0 === peg$FAILED) {
+      s1 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e15);
+      }
+    }
+
+    return s0;
+  }
+
+  function peg$parsespaceOrComma() {
+    var s0, s1;
+
+    peg$silentFails++;
+    s0 = [];
+    s1 = input.charAt(peg$currPos);
+    if (peg$r0.test(s1)) {
+      peg$currPos++;
+    } else {
+      s1 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e18);
+      }
+    }
+    while (s1 !== peg$FAILED) {
+      s0.push(s1);
+      s1 = input.charAt(peg$currPos);
+      if (peg$r0.test(s1)) {
+        peg$currPos++;
+      } else {
+        s1 = peg$FAILED;
+        if (peg$silentFails === 0) {
+          peg$fail(peg$e18);
+        }
+      }
+    }
+    peg$silentFails--;
+    s1 = peg$FAILED;
+    if (peg$silentFails === 0) {
+      peg$fail(peg$e17);
+    }
+
+    return s0;
+  }
+
+  function peg$parse_() {
+    var s0, s1;
+
+    peg$silentFails++;
+    s0 = [];
+    s1 = input.charAt(peg$currPos);
+    if (peg$r1.test(s1)) {
+      peg$currPos++;
+    } else {
+      s1 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e20);
+      }
+    }
+    while (s1 !== peg$FAILED) {
+      s0.push(s1);
+      s1 = input.charAt(peg$currPos);
+      if (peg$r1.test(s1)) {
+        peg$currPos++;
+      } else {
+        s1 = peg$FAILED;
+        if (peg$silentFails === 0) {
+          peg$fail(peg$e20);
+        }
+      }
+    }
+    peg$silentFails--;
+    s1 = peg$FAILED;
+    if (peg$silentFails === 0) {
+      peg$fail(peg$e19);
+    }
+
+    return s0;
+  }
+
+  function peg$parseNUM() {
+    var s0, s1, s2, s3, s4, s5, s6, s7;
+
+    s0 = peg$currPos;
+    s1 = input.charAt(peg$currPos);
+    if (peg$r2.test(s1)) {
+      peg$currPos++;
+    } else {
+      s1 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e21);
+      }
+    }
+    if (s1 === peg$FAILED) {
+      s1 = null;
+    }
+    s2 = peg$currPos;
+    s3 = [];
+    s4 = input.charAt(peg$currPos);
+    if (peg$r3.test(s4)) {
+      peg$currPos++;
+    } else {
+      s4 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e22);
+      }
+    }
+    while (s4 !== peg$FAILED) {
+      s3.push(s4);
+      s4 = input.charAt(peg$currPos);
+      if (peg$r3.test(s4)) {
+        peg$currPos++;
+      } else {
+        s4 = peg$FAILED;
+        if (peg$silentFails === 0) {
+          peg$fail(peg$e22);
+        }
+      }
+    }
+    if (input.charCodeAt(peg$currPos) === 46) {
+      s4 = peg$c7;
+      peg$currPos++;
+    } else {
+      s4 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e23);
+      }
+    }
+    if (s4 !== peg$FAILED) {
+      s5 = [];
+      s6 = input.charAt(peg$currPos);
+      if (peg$r3.test(s6)) {
+        peg$currPos++;
+      } else {
+        s6 = peg$FAILED;
+        if (peg$silentFails === 0) {
+          peg$fail(peg$e22);
+        }
+      }
+      if (s6 !== peg$FAILED) {
+        while (s6 !== peg$FAILED) {
+          s5.push(s6);
+          s6 = input.charAt(peg$currPos);
+          if (peg$r3.test(s6)) {
+            peg$currPos++;
+          } else {
+            s6 = peg$FAILED;
+            if (peg$silentFails === 0) {
+              peg$fail(peg$e22);
+            }
+          }
+        }
+      } else {
+        s5 = peg$FAILED;
+      }
+      if (s5 !== peg$FAILED) {
+        s3 = [s3, s4, s5];
+        s2 = s3;
+      } else {
+        peg$currPos = s2;
+        s2 = peg$FAILED;
+      }
+    } else {
+      peg$currPos = s2;
+      s2 = peg$FAILED;
+    }
+    if (s2 === peg$FAILED) {
+      s2 = [];
+      s3 = input.charAt(peg$currPos);
+      if (peg$r3.test(s3)) {
+        peg$currPos++;
+      } else {
+        s3 = peg$FAILED;
+        if (peg$silentFails === 0) {
+          peg$fail(peg$e22);
+        }
+      }
+      if (s3 !== peg$FAILED) {
+        while (s3 !== peg$FAILED) {
+          s2.push(s3);
+          s3 = input.charAt(peg$currPos);
+          if (peg$r3.test(s3)) {
+            peg$currPos++;
+          } else {
+            s3 = peg$FAILED;
+            if (peg$silentFails === 0) {
+              peg$fail(peg$e22);
+            }
+          }
+        }
+      } else {
+        s2 = peg$FAILED;
+      }
+    }
+    if (s2 !== peg$FAILED) {
+      s3 = peg$currPos;
+      if (input.charCodeAt(peg$currPos) === 101) {
+        s4 = peg$c8;
+        peg$currPos++;
+      } else {
+        s4 = peg$FAILED;
+        if (peg$silentFails === 0) {
+          peg$fail(peg$e24);
+        }
+      }
+      if (s4 !== peg$FAILED) {
+        s5 = input.charAt(peg$currPos);
+        if (peg$r2.test(s5)) {
+          peg$currPos++;
+        } else {
+          s5 = peg$FAILED;
+          if (peg$silentFails === 0) {
+            peg$fail(peg$e21);
+          }
+        }
+        if (s5 === peg$FAILED) {
+          s5 = null;
+        }
+        s6 = [];
+        s7 = input.charAt(peg$currPos);
+        if (peg$r3.test(s7)) {
+          peg$currPos++;
+        } else {
+          s7 = peg$FAILED;
+          if (peg$silentFails === 0) {
+            peg$fail(peg$e22);
+          }
+        }
+        if (s7 !== peg$FAILED) {
+          while (s7 !== peg$FAILED) {
+            s6.push(s7);
+            s7 = input.charAt(peg$currPos);
+            if (peg$r3.test(s7)) {
+              peg$currPos++;
+            } else {
+              s7 = peg$FAILED;
+              if (peg$silentFails === 0) {
+                peg$fail(peg$e22);
+              }
+            }
+          }
+        } else {
+          s6 = peg$FAILED;
+        }
+        if (s6 !== peg$FAILED) {
+          s4 = [s4, s5, s6];
+          s3 = s4;
+        } else {
+          peg$currPos = s3;
+          s3 = peg$FAILED;
+        }
+      } else {
+        peg$currPos = s3;
+        s3 = peg$FAILED;
+      }
+      if (s3 === peg$FAILED) {
+        s3 = null;
+      }
+      peg$savedPos = s0;
+      s0 = peg$f8();
+    } else {
+      peg$currPos = s0;
+      s0 = peg$FAILED;
+    }
+
+    return s0;
+  }
+
+  peg$result = peg$startRuleFunction();
+
+  if (options.peg$library) {
+    return /** @type {any} */ ({
+      peg$result,
+      peg$currPos,
+      peg$FAILED,
+      peg$maxFailExpected,
+      peg$maxFailPos,
+    });
+  }
+  if (peg$result !== peg$FAILED && peg$currPos === input.length) {
+    return peg$result;
+  } else {
+    if (peg$result !== peg$FAILED && peg$currPos < input.length) {
+      peg$fail(peg$endExpectation());
+    }
+
+    throw peg$buildStructuredError(
+      peg$maxFailExpected,
+      peg$maxFailPos < input.length ? input.charAt(peg$maxFailPos) : null,
+      peg$maxFailPos < input.length
+        ? peg$computeLocation(peg$maxFailPos, peg$maxFailPos + 1)
+        : peg$computeLocation(peg$maxFailPos, peg$maxFailPos)
+    );
+  }
+}
+
+module.exports = {
+  StartRules: ['start'],
+  SyntaxError: peg$SyntaxError,
+  parse: peg$parse,
+};
diff --git a/src/lib/extract/transformToRn.pegjs b/src/lib/extract/transformToRn.pegjs
new file mode 100644
index 00000000..cdeba9fc
--- /dev/null
+++ b/src/lib/extract/transformToRn.pegjs
@@ -0,0 +1,88 @@
+start "transform functions"
+  = transformFunctions
+
+transformFunctions "transformFunctions"
+  = head:(function) tail:(_ function)* {
+    const results = Array.isArray(head) ? head : [head];
+    tail.forEach(element => {
+      if (Array.isArray(element[1])) {
+        results.push(...element[1]);
+      } else {
+        results.push(element[1]);
+      }
+    });
+    return results;
+  }
+
+function "transform function"
+  = matrix
+  / translate
+  / scale
+  / rotate
+  / skewX
+  / skewY
+
+matrix "matrix"
+  = _ "matrix(" _ a:NUM spaceOrComma b:NUM spaceOrComma c:NUM spaceOrComma d:NUM spaceOrComma e:NUM spaceOrComma f:NUM spaceOrComma g:NUM spaceOrComma h:NUM spaceOrComma i:NUM _ ")" _ {
+    return { matrix: [a, b, c, d, e, f, g, h, i]};
+  }
+
+translate "translate"
+  = _ "translate(" _ x:NUM spaceOrComma y:NUM? _ ")" _ {
+    if (y == undefined) {
+        return { translate: x };
+    }
+    return { translate: [x, y] };
+  }
+
+scale "scale"
+  = _ "scale(" _ x:NUM spaceOrComma y:NUM? _ ")" _ {
+    if (y == undefined) {
+        return { scale: x };
+    }
+    return [
+        { scaleX: x },
+        { scaleY: y }
+    ];
+  }
+
+rotate "rotate"
+  = _ "rotate(" _ x:NUM yz:twoNumbers? _ ")" _ {
+    if (yz !== null) {
+        return { rotate: `${x}deg` };
+    }
+    return [
+        { rotate: `${x}deg` }
+    ];
+  }
+
+twoNumbers "x, y"
+    = spaceOrComma y:NUM spaceOrComma z:NUM {
+        return [y, z];
+    }
+
+skewX "skewX"
+  = _ "skewX(" _ x:NUM _ ")" _ {
+    return [
+        { skewX: `${x}deg` }
+    ];
+  }
+
+skewY "skewY"
+  = _ "skewY(" _ y:NUM _ ")" _ {
+    return [
+        { skewY: `${y}deg` }
+    ];
+  }
+
+
+spaceOrComma "space or comma"
+  = [ \t\n\r,]*
+
+_ "whitespace"
+  = [ \t\n\r]*
+
+NUM
+  = [+-]? ([0-9]* "." [0-9]+ / [0-9]+) ("e" [+-]? [0-9]+)? {
+    return parseFloat(text());
+  }