From 2525d741a007b34b753afb841e4d7e259145b21c Mon Sep 17 00:00:00 2001
From: Satoru Takagi <satakagi@users.noreply.github.com>
Date: Tue, 2 Oct 2018 09:25:53 +0900
Subject: [PATCH] Reftests for svg2 vector effects

---
 .../reftests/ve-fixedPosition1-ref.svg        | 56 ++++++++++++++++
 .../reftests/ve-fixedPosition1.svg            | 67 +++++++++++++++++++
 .../reftests/ve-fixedPosition2-ref.svg        | 56 ++++++++++++++++
 .../reftests/ve-fixedPosition2.svg            | 67 +++++++++++++++++++
 .../reftests/ve-nonRotation1-ref.svg          | 56 ++++++++++++++++
 .../reftests/ve-nonRotation1.svg              | 67 +++++++++++++++++++
 .../reftests/ve-nonRotation2-ref.svg          | 56 ++++++++++++++++
 .../reftests/ve-nonRotation2.svg              | 67 +++++++++++++++++++
 .../ve-nonRotation_fixedPosition-ref.svg      | 56 ++++++++++++++++
 .../reftests/ve-nonRotation_fixedPosition.svg | 67 +++++++++++++++++++
 .../reftests/ve-nonScalingSize1-ref.svg       | 56 ++++++++++++++++
 .../reftests/ve-nonScalingSize1.svg           | 67 +++++++++++++++++++
 .../reftests/ve-nonScalingSize2-ref.svg       | 56 ++++++++++++++++
 .../reftests/ve-nonScalingSize2.svg           | 67 +++++++++++++++++++
 .../ve-nonScalingSize_fixedPosition-ref.svg   | 56 ++++++++++++++++
 .../ve-nonScalingSize_fixedPosition.svg       | 67 +++++++++++++++++++
 .../ve-nonScalingSize_nonRotation-ref.svg     | 56 ++++++++++++++++
 .../ve-nonScalingSize_nonRotation.svg         | 67 +++++++++++++++++++
 ...lingSize_nonRotation_fixedPosition-ref.svg | 56 ++++++++++++++++
 ...nScalingSize_nonRotation_fixedPosition.svg | 67 +++++++++++++++++++
 20 files changed, 1230 insertions(+)
 create mode 100644 svg/coords/vectorEffects/reftests/ve-fixedPosition1-ref.svg
 create mode 100644 svg/coords/vectorEffects/reftests/ve-fixedPosition1.svg
 create mode 100644 svg/coords/vectorEffects/reftests/ve-fixedPosition2-ref.svg
 create mode 100644 svg/coords/vectorEffects/reftests/ve-fixedPosition2.svg
 create mode 100644 svg/coords/vectorEffects/reftests/ve-nonRotation1-ref.svg
 create mode 100644 svg/coords/vectorEffects/reftests/ve-nonRotation1.svg
 create mode 100644 svg/coords/vectorEffects/reftests/ve-nonRotation2-ref.svg
 create mode 100644 svg/coords/vectorEffects/reftests/ve-nonRotation2.svg
 create mode 100644 svg/coords/vectorEffects/reftests/ve-nonRotation_fixedPosition-ref.svg
 create mode 100644 svg/coords/vectorEffects/reftests/ve-nonRotation_fixedPosition.svg
 create mode 100644 svg/coords/vectorEffects/reftests/ve-nonScalingSize1-ref.svg
 create mode 100644 svg/coords/vectorEffects/reftests/ve-nonScalingSize1.svg
 create mode 100644 svg/coords/vectorEffects/reftests/ve-nonScalingSize2-ref.svg
 create mode 100644 svg/coords/vectorEffects/reftests/ve-nonScalingSize2.svg
 create mode 100644 svg/coords/vectorEffects/reftests/ve-nonScalingSize_fixedPosition-ref.svg
 create mode 100644 svg/coords/vectorEffects/reftests/ve-nonScalingSize_fixedPosition.svg
 create mode 100644 svg/coords/vectorEffects/reftests/ve-nonScalingSize_nonRotation-ref.svg
 create mode 100644 svg/coords/vectorEffects/reftests/ve-nonScalingSize_nonRotation.svg
 create mode 100644 svg/coords/vectorEffects/reftests/ve-nonScalingSize_nonRotation_fixedPosition-ref.svg
 create mode 100644 svg/coords/vectorEffects/reftests/ve-nonScalingSize_nonRotation_fixedPosition.svg

diff --git a/svg/coords/vectorEffects/reftests/ve-fixedPosition1-ref.svg b/svg/coords/vectorEffects/reftests/ve-fixedPosition1-ref.svg
new file mode 100644
index 00000000000000..55896c4b912458
--- /dev/null
+++ b/svg/coords/vectorEffects/reftests/ve-fixedPosition1-ref.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml" width="1000" height="600" viewBox="0,0,1000,600">
+    <rect x="0" y="0" width="1000" height="600" stroke="orange" stroke-width="3" fill="none"></rect>
+    <!-- Nested user space is transformed by this transform attribute -->
+    <g id="base" transform="matrix(1,0,0,1,81,162)">
+        <!-- Graph paper on the this svg's base user space -->
+        <g stroke="green" stroke-width="1" fill="none">
+            <circle cx="0" cy="0" r="10"></circle>
+            <circle cx="150" cy="150" r="7"></circle>
+            <path fill="green" stroke="none" d="M0,-3 L30,-3 25,-10 50,0 25,10 30,3 0,3z"></path>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="-100" x2="600" y2="-100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="000" x2="600" y2="000"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="100" x2="600" y2="100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="200" x2="600" y2="200" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="300" x2="600" y2="300" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="400" x2="600" y2="400" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="500" x2="600" y2="500" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="600" x2="600" y2="600" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="-100" y2="600" x2="-100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="000" y2="600" x2="000"></line>
+            <line y1="-100" x1="100" y2="600" x2="100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="200" y2="600" x2="200" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="300" y2="600" x2="300" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="400" y2="600" x2="400" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="500" y2="600" x2="500" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="600" y2="600" x2="600" stroke-dasharray="5,5"></line>
+        </g>
+        <!-- Figure having vector effect -->
+        <!-- Purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve1" stroke="purple" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect=" fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,-81,-162)"></path>
+        <!-- Red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve2" stroke="red" stroke-width="3" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect=" fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,-81,-162)"></path>
+        <!-- Orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is sepataed by transform. -->
+        <g id="ve3" vector-effect=" fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,-81,-162)">
+            <path stroke="orange" stroke-width="3" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="3" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z "></path>
+        </g>
+        <!-- Blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve4" stroke="blue" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect=" fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,-381,-462)"></path>
+        </g>
+        <!-- Dashed purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve5" transform="matrix(1,0,0,1,19,-62)" stroke="purple" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect=" fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve6" transform="matrix(1,0,0,1,19,-62)" stroke="red" stroke-width="2" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect=" fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is separated by transform. -->
+        <g id="ve7" transform="matrix(1,0,0,1,19,-62)" vector-effect=" fixed-position" data-transform-matrix-original="1,0,0,1,100,100">
+            <path stroke="orange" stroke-width="2" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="2" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z " stroke-dasharray="3"></path>
+        </g>
+        <!-- Dashed blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve8" transform="matrix(1,0,0,1,-281,-362)" stroke="blue" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect=" fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/svg/coords/vectorEffects/reftests/ve-fixedPosition1.svg b/svg/coords/vectorEffects/reftests/ve-fixedPosition1.svg
new file mode 100644
index 00000000000000..a3d27cc4048066
--- /dev/null
+++ b/svg/coords/vectorEffects/reftests/ve-fixedPosition1.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml" width="1000" height="600" viewBox="0,0,1000,600">
+    <g id="testmeta">
+        <title>Vector Effects fixedPosition - 1</title>
+        <html:link rel="author"
+            title="Satoru Takagi"
+            href="mailto:sa-takagi@kddi.com"/>
+        <html:link rel="help"
+            href="https://svgwg.org/svg2-draft/coords.html#VectorEffects"/>
+        <html:link rel="match"  href="ve-fixedPosition1-ref.svg" />
+        <metadata class="flags">TOKENS</metadata>
+        <desc class="assert">TEST ASSERTION</desc>
+    </g>
+    <rect x="0" y="0" width="1000" height="600" stroke="orange" stroke-width="3" fill="none"></rect>
+    <!-- Nested user space is transformed by this transform attribute -->
+    <g id="base" transform="matrix(1,0,0,1,81,162)">
+        <!-- Graph paper on the this svg's base user space -->
+        <g stroke="green" stroke-width="1" fill="none">
+            <circle cx="0" cy="0" r="10"></circle>
+            <circle cx="150" cy="150" r="7"></circle>
+            <path fill="green" stroke="none" d="M0,-3 L30,-3 25,-10 50,0 25,10 30,3 0,3z"></path>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="-100" x2="600" y2="-100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="000" x2="600" y2="000"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="100" x2="600" y2="100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="200" x2="600" y2="200" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="300" x2="600" y2="300" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="400" x2="600" y2="400" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="500" x2="600" y2="500" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="600" x2="600" y2="600" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="-100" y2="600" x2="-100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="000" y2="600" x2="000"></line>
+            <line y1="-100" x1="100" y2="600" x2="100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="200" y2="600" x2="200" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="300" y2="600" x2="300" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="400" y2="600" x2="400" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="500" y2="600" x2="500" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="600" y2="600" x2="600" stroke-dasharray="5,5"></line>
+        </g>
+        <!-- Figure having vector effect -->
+        <!-- Purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve1" stroke="purple" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        <!-- Red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve2" stroke="red" stroke-width="3" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        <!-- Orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is sepataed by transform. -->
+        <g id="ve3" vector-effect="fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)">
+            <path stroke="orange" stroke-width="3" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="3" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z "></path>
+        </g>
+        <!-- Blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve4" stroke="blue" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        </g>
+        <!-- Dashed purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve5" transform="matrix(1,0,0,1,100,100)" stroke="purple" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve6" transform="matrix(1,0,0,1,100,100)" stroke="red" stroke-width="2" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is separated by transform. -->
+        <g id="ve7" transform="matrix(1,0,0,1,100,100)" vector-effect="fixed-position" data-transform-matrix-original="1,0,0,1,100,100">
+            <path stroke="orange" stroke-width="2" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="2" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z " stroke-dasharray="3"></path>
+        </g>
+        <!-- Dashed blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve8" transform="matrix(1,0,0,1,100,100)" stroke="blue" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/svg/coords/vectorEffects/reftests/ve-fixedPosition2-ref.svg b/svg/coords/vectorEffects/reftests/ve-fixedPosition2-ref.svg
new file mode 100644
index 00000000000000..e17ffd50dc98d3
--- /dev/null
+++ b/svg/coords/vectorEffects/reftests/ve-fixedPosition2-ref.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml" width="1000" height="600" viewBox="0,0,1000,600">
+    <rect x="0" y="0" width="1000" height="600" stroke="orange" stroke-width="3" fill="none"></rect>
+    <!-- Nested user space is transformed by this transform attribute -->
+    <g id="base" transform="matrix(1.2,0,0,1.2,97.2,194.4)">
+        <!-- Graph paper on the this svg's base user space -->
+        <g stroke="green" stroke-width="1" fill="none">
+            <circle cx="0" cy="0" r="10"></circle>
+            <circle cx="150" cy="150" r="7"></circle>
+            <path fill="green" stroke="none" d="M0,-3 L30,-3 25,-10 50,0 25,10 30,3 0,3z"></path>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="-100" x2="600" y2="-100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="000" x2="600" y2="000"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="100" x2="600" y2="100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="200" x2="600" y2="200" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="300" x2="600" y2="300" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="400" x2="600" y2="400" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="500" x2="600" y2="500" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="600" x2="600" y2="600" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="-100" y2="600" x2="-100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="000" y2="600" x2="000"></line>
+            <line y1="-100" x1="100" y2="600" x2="100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="200" y2="600" x2="200" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="300" y2="600" x2="300" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="400" y2="600" x2="400" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="500" y2="600" x2="500" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="600" y2="600" x2="600" stroke-dasharray="5,5"></line>
+        </g>
+        <!-- Figure having vector effect -->
+        <!-- Purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve1" stroke="purple" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect=" fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,-80.9999942382179,-161.9999884764358)"></path>
+        <!-- Red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve2" stroke="red" stroke-width="3" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect=" fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,-80.9999942382179,-161.9999884764358)"></path>
+        <!-- Orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is sepataed by transform. -->
+        <g id="ve3" vector-effect=" fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,-80.9999942382179,-161.9999884764358)">
+            <path stroke="orange" stroke-width="3" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="3" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z "></path>
+        </g>
+        <!-- Blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve4" stroke="blue" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect=" fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,-380.9999942382179,-461.9999884764358)"></path>
+        </g>
+        <!-- Dashed purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve5" transform="matrix(1,0,0,1,2.3333357837464206,-78.66665845447147)" stroke="purple" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect=" fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve6" transform="matrix(1,0,0,1,2.3333357837464206,-78.66665845447147)" stroke="red" stroke-width="2" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect=" fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is separated by transform. -->
+        <g id="ve7" transform="matrix(1,0,0,1,2.3333357837464206,-78.66665845447147)" vector-effect=" fixed-position" data-transform-matrix-original="1,0,0,1,100,100">
+            <path stroke="orange" stroke-width="2" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="2" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z " stroke-dasharray="3"></path>
+        </g>
+        <!-- Dashed blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve8" transform="matrix(1,0,0,1,-297.6666642162536,-378.66665845447153)" stroke="blue" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect=" fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/svg/coords/vectorEffects/reftests/ve-fixedPosition2.svg b/svg/coords/vectorEffects/reftests/ve-fixedPosition2.svg
new file mode 100644
index 00000000000000..01414f43e42baa
--- /dev/null
+++ b/svg/coords/vectorEffects/reftests/ve-fixedPosition2.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml" width="1000" height="600" viewBox="0,0,1000,600">
+    <g id="testmeta">
+        <title>Vector Effects fixedPosition - 2</title>
+        <html:link rel="author"
+            title="Satoru Takagi"
+            href="mailto:sa-takagi@kddi.com"/>
+        <html:link rel="help"
+            href="https://svgwg.org/svg2-draft/coords.html#VectorEffects"/>
+        <html:link rel="match"  href="ve-fixedPosition2-ref.svg" />
+        <metadata class="flags">TOKENS</metadata>
+        <desc class="assert">TEST ASSERTION</desc>
+    </g>
+    <rect x="0" y="0" width="1000" height="600" stroke="orange" stroke-width="3" fill="none"></rect>
+    <!-- Nested user space is transformed by this transform attribute -->
+    <g id="base" transform="matrix(1.2,0,0,1.2,97.2,194.4)">
+        <!-- Graph paper on the this svg's base user space -->
+        <g stroke="green" stroke-width="1" fill="none">
+            <circle cx="0" cy="0" r="10"></circle>
+            <circle cx="150" cy="150" r="7"></circle>
+            <path fill="green" stroke="none" d="M0,-3 L30,-3 25,-10 50,0 25,10 30,3 0,3z"></path>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="-100" x2="600" y2="-100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="000" x2="600" y2="000"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="100" x2="600" y2="100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="200" x2="600" y2="200" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="300" x2="600" y2="300" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="400" x2="600" y2="400" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="500" x2="600" y2="500" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="600" x2="600" y2="600" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="-100" y2="600" x2="-100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="000" y2="600" x2="000"></line>
+            <line y1="-100" x1="100" y2="600" x2="100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="200" y2="600" x2="200" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="300" y2="600" x2="300" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="400" y2="600" x2="400" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="500" y2="600" x2="500" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="600" y2="600" x2="600" stroke-dasharray="5,5"></line>
+        </g>
+        <!-- Figure having vector effect -->
+        <!-- Purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve1" stroke="purple" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        <!-- Red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve2" stroke="red" stroke-width="3" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        <!-- Orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is sepataed by transform. -->
+        <g id="ve3" vector-effect="fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)">
+            <path stroke="orange" stroke-width="3" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="3" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z "></path>
+        </g>
+        <!-- Blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve4" stroke="blue" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        </g>
+        <!-- Dashed purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve5" transform="matrix(1,0,0,1,100,100)" stroke="purple" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve6" transform="matrix(1,0,0,1,100,100)" stroke="red" stroke-width="2" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is separated by transform. -->
+        <g id="ve7" transform="matrix(1,0,0,1,100,100)" vector-effect="fixed-position" data-transform-matrix-original="1,0,0,1,100,100">
+            <path stroke="orange" stroke-width="2" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="2" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z " stroke-dasharray="3"></path>
+        </g>
+        <!-- Dashed blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve8" transform="matrix(1,0,0,1,100,100)" stroke="blue" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/svg/coords/vectorEffects/reftests/ve-nonRotation1-ref.svg b/svg/coords/vectorEffects/reftests/ve-nonRotation1-ref.svg
new file mode 100644
index 00000000000000..92beefa7bb33b9
--- /dev/null
+++ b/svg/coords/vectorEffects/reftests/ve-nonRotation1-ref.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml" width="1000" height="600" viewBox="0,0,1000,600">
+    <rect x="0" y="0" width="1000" height="600" stroke="orange" stroke-width="3" fill="none"></rect>
+    <!-- Nested user space is transformed by this transform attribute -->
+    <g id="base" transform="matrix(0.8775825618903728,-0.479425538604203,0.479425538604203,0.8775825618903728,0,0)">
+        <!-- Graph paper on the this svg's base user space -->
+        <g stroke="green" stroke-width="1" fill="none">
+            <circle cx="0" cy="0" r="10"></circle>
+            <circle cx="150" cy="150" r="7"></circle>
+            <path fill="green" stroke="none" d="M0,-3 L30,-3 25,-10 50,0 25,10 30,3 0,3z"></path>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="-100" x2="600" y2="-100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="000" x2="600" y2="000"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="100" x2="600" y2="100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="200" x2="600" y2="200" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="300" x2="600" y2="300" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="400" x2="600" y2="400" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="500" x2="600" y2="500" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="600" x2="600" y2="600" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="-100" y2="600" x2="-100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="000" y2="600" x2="000"></line>
+            <line y1="-100" x1="100" y2="600" x2="100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="200" y2="600" x2="200" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="300" y2="600" x2="300" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="400" y2="600" x2="400" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="500" y2="600" x2="500" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="600" y2="600" x2="600" stroke-dasharray="5,5"></line>
+        </g>
+        <!-- Figure having vector effect -->
+        <!-- Purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve1" stroke="purple" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect=" non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.8775825557425188,0.47942554985777414,-0.47942554985777414,0.8775825557425188,0,0)"></path>
+        <!-- Red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve2" stroke="red" stroke-width="3" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect=" non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.8775825557425188,0.47942554985777414,-0.47942554985777414,0.8775825557425188,0,0)"></path>
+        <!-- Orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is sepataed by transform. -->
+        <g id="ve3" vector-effect=" non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.8775825557425188,0.47942554985777414,-0.47942554985777414,0.8775825557425188,0,0)">
+            <path stroke="orange" stroke-width="3" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="3" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z "></path>
+        </g>
+        <!-- Blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve4" stroke="blue" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect=" non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.8775825557425188,0.47942554985777414,-0.47942554985777414,0.8775825557425188,0,0)"></path>
+        </g>
+        <!-- Dashed purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve5" transform="matrix(0.8775825557425188,0.47942554985777414,-0.47942554985777414,0.8775825557425188,0,0)" stroke="purple" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect=" non-rotation" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve6" transform="matrix(0.8775825557425188,0.47942554985777414,-0.47942554985777414,0.8775825557425188,0,0)" stroke="red" stroke-width="2" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect=" non-rotation" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is separated by transform. -->
+        <g id="ve7" transform="matrix(0.8775825557425188,0.47942554985777414,-0.47942554985777414,0.8775825557425188,0,0)" vector-effect=" non-rotation" data-transform-matrix-original="1,0,0,1,100,100">
+            <path stroke="orange" stroke-width="2" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="2" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z " stroke-dasharray="3"></path>
+        </g>
+        <!-- Dashed blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve8" transform="matrix(0.8775825557425188,0.47942554985777414,-0.47942554985777414,0.8775825557425188,0,0)" stroke="blue" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect=" non-rotation" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/svg/coords/vectorEffects/reftests/ve-nonRotation1.svg b/svg/coords/vectorEffects/reftests/ve-nonRotation1.svg
new file mode 100644
index 00000000000000..d86552dd7dd831
--- /dev/null
+++ b/svg/coords/vectorEffects/reftests/ve-nonRotation1.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml" width="1000" height="600" viewBox="0,0,1000,600">
+    <g id="testmeta">
+        <title>Vector Effects nonRotation - 1</title>
+        <html:link rel="author"
+            title="Satoru Takagi"
+            href="mailto:sa-takagi@kddi.com"/>
+        <html:link rel="help"
+            href="https://svgwg.org/svg2-draft/coords.html#VectorEffects"/>
+        <html:link rel="match"  href="ve-nonRotation1-ref.svg" />
+        <metadata class="flags">TOKENS</metadata>
+        <desc class="assert">TEST ASSERTION</desc>
+    </g>
+    <rect x="0" y="0" width="1000" height="600" stroke="orange" stroke-width="3" fill="none"></rect>
+    <!-- Nested user space is transformed by this transform attribute -->
+    <g id="base" transform="matrix(0.8775825618903728,-0.479425538604203,0.479425538604203,0.8775825618903728,0,0)">
+        <!-- Graph paper on the this svg's base user space -->
+        <g stroke="green" stroke-width="1" fill="none">
+            <circle cx="0" cy="0" r="10"></circle>
+            <circle cx="150" cy="150" r="7"></circle>
+            <path fill="green" stroke="none" d="M0,-3 L30,-3 25,-10 50,0 25,10 30,3 0,3z"></path>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="-100" x2="600" y2="-100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="000" x2="600" y2="000"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="100" x2="600" y2="100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="200" x2="600" y2="200" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="300" x2="600" y2="300" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="400" x2="600" y2="400" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="500" x2="600" y2="500" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="600" x2="600" y2="600" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="-100" y2="600" x2="-100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="000" y2="600" x2="000"></line>
+            <line y1="-100" x1="100" y2="600" x2="100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="200" y2="600" x2="200" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="300" y2="600" x2="300" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="400" y2="600" x2="400" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="500" y2="600" x2="500" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="600" y2="600" x2="600" stroke-dasharray="5,5"></line>
+        </g>
+        <!-- Figure having vector effect -->
+        <!-- Purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve1" stroke="purple" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        <!-- Red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve2" stroke="red" stroke-width="3" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        <!-- Orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is sepataed by transform. -->
+        <g id="ve3" vector-effect="non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)">
+            <path stroke="orange" stroke-width="3" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="3" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z "></path>
+        </g>
+        <!-- Blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve4" stroke="blue" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        </g>
+        <!-- Dashed purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve5" transform="matrix(1,0,0,1,100,100)" stroke="purple" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-rotation" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve6" transform="matrix(1,0,0,1,100,100)" stroke="red" stroke-width="2" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-rotation" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is separated by transform. -->
+        <g id="ve7" transform="matrix(1,0,0,1,100,100)" vector-effect="non-rotation" data-transform-matrix-original="1,0,0,1,100,100">
+            <path stroke="orange" stroke-width="2" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="2" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z " stroke-dasharray="3"></path>
+        </g>
+        <!-- Dashed blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve8" transform="matrix(1,0,0,1,100,100)" stroke="blue" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-rotation" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/svg/coords/vectorEffects/reftests/ve-nonRotation2-ref.svg b/svg/coords/vectorEffects/reftests/ve-nonRotation2-ref.svg
new file mode 100644
index 00000000000000..50f54da468d28f
--- /dev/null
+++ b/svg/coords/vectorEffects/reftests/ve-nonRotation2-ref.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml" width="1000" height="600" viewBox="0,0,1000,600">
+    <rect x="0" y="0" width="1000" height="600" stroke="orange" stroke-width="3" fill="none"></rect>
+    <!-- Nested user space is transformed by this transform attribute -->
+    <g id="base" transform="matrix(1.3570081004945758,0.39815702328616975,0.479425538604203,0.8775825618903728,0,0)">
+        <!-- Graph paper on the this svg's base user space -->
+        <g stroke="green" stroke-width="1" fill="none">
+            <circle cx="0" cy="0" r="10"></circle>
+            <circle cx="150" cy="150" r="7"></circle>
+            <path fill="green" stroke="none" d="M0,-3 L30,-3 25,-10 50,0 25,10 30,3 0,3z"></path>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="-100" x2="600" y2="-100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="000" x2="600" y2="000"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="100" x2="600" y2="100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="200" x2="600" y2="200" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="300" x2="600" y2="300" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="400" x2="600" y2="400" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="500" x2="600" y2="500" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="600" x2="600" y2="600" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="-100" y2="600" x2="-100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="000" y2="600" x2="000"></line>
+            <line y1="-100" x1="100" y2="600" x2="100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="200" y2="600" x2="200" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="300" y2="600" x2="300" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="400" y2="600" x2="400" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="500" y2="600" x2="500" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="600" y2="600" x2="600" stroke-dasharray="5,5"></line>
+        </g>
+        <!-- Figure having vector effect -->
+        <!-- Purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve1" stroke="purple" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect=" non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.8775825901709576,-0.398157021504841,-0.4794255686661166,1.3570080694301088,0,0)"></path>
+        <!-- Red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve2" stroke="red" stroke-width="3" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect=" non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.8775825901709576,-0.398157021504841,-0.4794255686661166,1.3570080694301088,0,0)"></path>
+        <!-- Orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is sepataed by transform. -->
+        <g id="ve3" vector-effect=" non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.8775825901709576,-0.398157021504841,-0.4794255686661166,1.3570080694301088,0,0)">
+            <path stroke="orange" stroke-width="3" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="3" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z "></path>
+        </g>
+        <!-- Blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve4" stroke="blue" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect=" non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.8775825901709576,-0.398157021504841,-0.4794255686661166,1.3570080694301088,0,0)"></path>
+        </g>
+        <!-- Dashed purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve5" transform="matrix(0.8775825901709576,-0.398157021504841,-0.4794255686661166,1.3570080694301088,0,0)" stroke="purple" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect=" non-rotation" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve6" transform="matrix(0.8775825901709576,-0.398157021504841,-0.4794255686661166,1.3570080694301088,0,0)" stroke="red" stroke-width="2" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect=" non-rotation" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is separated by transform. -->
+        <g id="ve7" transform="matrix(0.8775825901709576,-0.398157021504841,-0.4794255686661166,1.3570080694301088,0,0)" vector-effect=" non-rotation" data-transform-matrix-original="1,0,0,1,100,100">
+            <path stroke="orange" stroke-width="2" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="2" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z " stroke-dasharray="3"></path>
+        </g>
+        <!-- Dashed blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve8" transform="matrix(0.8775825901709576,-0.398157021504841,-0.4794255686661166,1.3570080694301088,0,0)" stroke="blue" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect=" non-rotation" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/svg/coords/vectorEffects/reftests/ve-nonRotation2.svg b/svg/coords/vectorEffects/reftests/ve-nonRotation2.svg
new file mode 100644
index 00000000000000..d39e86911f4bb4
--- /dev/null
+++ b/svg/coords/vectorEffects/reftests/ve-nonRotation2.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml" width="1000" height="600" viewBox="0,0,1000,600">
+    <g id="testmeta">
+        <title>Vector Effects nonRotation - 2</title>
+        <html:link rel="author"
+            title="Satoru Takagi"
+            href="mailto:sa-takagi@kddi.com"/>
+        <html:link rel="help"
+            href="https://svgwg.org/svg2-draft/coords.html#VectorEffects"/>
+        <html:link rel="match"  href="ve-nonRotation2-ref.svg" />
+        <metadata class="flags">TOKENS</metadata>
+        <desc class="assert">TEST ASSERTION</desc>
+    </g>
+    <rect x="0" y="0" width="1000" height="600" stroke="orange" stroke-width="3" fill="none"></rect>
+    <!-- Nested user space is transformed by this transform attribute -->
+    <g id="base" transform="matrix(1.3570081004945758,0.39815702328616975,0.479425538604203,0.8775825618903728,0,0)">
+        <!-- Graph paper on the this svg's base user space -->
+        <g stroke="green" stroke-width="1" fill="none">
+            <circle cx="0" cy="0" r="10"></circle>
+            <circle cx="150" cy="150" r="7"></circle>
+            <path fill="green" stroke="none" d="M0,-3 L30,-3 25,-10 50,0 25,10 30,3 0,3z"></path>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="-100" x2="600" y2="-100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="000" x2="600" y2="000"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="100" x2="600" y2="100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="200" x2="600" y2="200" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="300" x2="600" y2="300" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="400" x2="600" y2="400" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="500" x2="600" y2="500" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="600" x2="600" y2="600" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="-100" y2="600" x2="-100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="000" y2="600" x2="000"></line>
+            <line y1="-100" x1="100" y2="600" x2="100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="200" y2="600" x2="200" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="300" y2="600" x2="300" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="400" y2="600" x2="400" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="500" y2="600" x2="500" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="600" y2="600" x2="600" stroke-dasharray="5,5"></line>
+        </g>
+        <!-- Figure having vector effect -->
+        <!-- Purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve1" stroke="purple" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        <!-- Red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve2" stroke="red" stroke-width="3" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        <!-- Orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is sepataed by transform. -->
+        <g id="ve3" vector-effect="non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)">
+            <path stroke="orange" stroke-width="3" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="3" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z "></path>
+        </g>
+        <!-- Blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve4" stroke="blue" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        </g>
+        <!-- Dashed purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve5" transform="matrix(1,0,0,1,100,100)" stroke="purple" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-rotation" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve6" transform="matrix(1,0,0,1,100,100)" stroke="red" stroke-width="2" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-rotation" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is separated by transform. -->
+        <g id="ve7" transform="matrix(1,0,0,1,100,100)" vector-effect="non-rotation" data-transform-matrix-original="1,0,0,1,100,100">
+            <path stroke="orange" stroke-width="2" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="2" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z " stroke-dasharray="3"></path>
+        </g>
+        <!-- Dashed blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve8" transform="matrix(1,0,0,1,100,100)" stroke="blue" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-rotation" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/svg/coords/vectorEffects/reftests/ve-nonRotation_fixedPosition-ref.svg b/svg/coords/vectorEffects/reftests/ve-nonRotation_fixedPosition-ref.svg
new file mode 100644
index 00000000000000..be30865955327c
--- /dev/null
+++ b/svg/coords/vectorEffects/reftests/ve-nonRotation_fixedPosition-ref.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml" width="1000" height="600" viewBox="0,0,1000,600">
+    <rect x="0" y="0" width="1000" height="600" stroke="orange" stroke-width="3" fill="none"></rect>
+    <!-- Nested user space is transformed by this transform attribute -->
+    <g id="base" transform="matrix(0.9800665778412416,0.19866933079506122,-0.19866933079506122,0.9800665778412416,47,94)">
+        <!-- Graph paper on the this svg's base user space -->
+        <g stroke="green" stroke-width="1" fill="none">
+            <circle cx="0" cy="0" r="10"></circle>
+            <circle cx="150" cy="150" r="7"></circle>
+            <path fill="green" stroke="none" d="M0,-3 L30,-3 25,-10 50,0 25,10 30,3 0,3z"></path>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="-100" x2="600" y2="-100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="000" x2="600" y2="000"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="100" x2="600" y2="100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="200" x2="600" y2="200" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="300" x2="600" y2="300" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="400" x2="600" y2="400" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="500" x2="600" y2="500" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="600" x2="600" y2="600" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="-100" y2="600" x2="-100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="000" y2="600" x2="000"></line>
+            <line y1="-100" x1="100" y2="600" x2="100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="200" y2="600" x2="200" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="300" y2="600" x2="300" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="400" y2="600" x2="400" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="500" y2="600" x2="500" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="600" y2="600" x2="600" stroke-dasharray="5,5"></line>
+        </g>
+        <!-- Figure having vector effect -->
+        <!-- Purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve1" stroke="purple" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect=" non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.9800665789095531,-0.19866932552491529,0.19866932552491529,0.9800665789095531,-64.73804458263373,-82.78879855067835)"></path>
+        <!-- Red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve2" stroke="red" stroke-width="3" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect=" non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.9800665789095531,-0.19866932552491529,0.19866932552491529,0.9800665789095531,-64.73804458263373,-82.78879855067835)"></path>
+        <!-- Orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is sepataed by transform. -->
+        <g id="ve3" vector-effect=" non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.9800665789095531,-0.19866932552491529,0.19866932552491529,0.9800665789095531,-64.73804458263373,-82.78879855067835)">
+            <path stroke="orange" stroke-width="3" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="3" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z "></path>
+        </g>
+        <!-- Blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve4" stroke="blue" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect=" non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.9800665789095531,-0.19866932552491529,0.19866932552491529,0.9800665789095531,-364.73804458263373,-382.78879855067834)"></path>
+        </g>
+        <!-- Dashed purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve5" transform="matrix(0.9800665789095531,-0.19866932552491529,0.19866932552491529,0.9800665789095531,53.135543629527774,-4.649074691358649)" stroke="purple" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect=" non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve6" transform="matrix(0.9800665789095531,-0.19866932552491529,0.19866932552491529,0.9800665789095531,53.135543629527774,-4.649074691358649)" stroke="red" stroke-width="2" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect=" non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is separated by transform. -->
+        <g id="ve7" transform="matrix(0.9800665789095531,-0.19866932552491529,0.19866932552491529,0.9800665789095531,53.135543629527774,-4.649074691358649)" vector-effect=" non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,100,100">
+            <path stroke="orange" stroke-width="2" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="2" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z " stroke-dasharray="3"></path>
+        </g>
+        <!-- Dashed blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve8" transform="matrix(0.9800665789095531,-0.19866932552491529,0.19866932552491529,0.9800665789095531,-246.86445637047223,-304.64907469135863)" stroke="blue" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect=" non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/svg/coords/vectorEffects/reftests/ve-nonRotation_fixedPosition.svg b/svg/coords/vectorEffects/reftests/ve-nonRotation_fixedPosition.svg
new file mode 100644
index 00000000000000..38ba3b8a98ca0c
--- /dev/null
+++ b/svg/coords/vectorEffects/reftests/ve-nonRotation_fixedPosition.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml" width="1000" height="600" viewBox="0,0,1000,600">
+    <g id="testmeta">
+        <title>Vector Effects nonRotation fixedPosition</title>
+        <html:link rel="author"
+            title="Satoru Takagi"
+            href="mailto:sa-takagi@kddi.com"/>
+        <html:link rel="help"
+            href="https://svgwg.org/svg2-draft/coords.html#VectorEffects"/>
+        <html:link rel="match"  href="ve-nonRotation_fixedPosition-ref.svg" />
+        <metadata class="flags">TOKENS</metadata>
+        <desc class="assert">TEST ASSERTION</desc>
+    </g>
+    <rect x="0" y="0" width="1000" height="600" stroke="orange" stroke-width="3" fill="none"></rect>
+    <!-- Nested user space is transformed by this transform attribute -->
+    <g id="base" transform="matrix(0.9800665778412416,0.19866933079506122,-0.19866933079506122,0.9800665778412416,47,94)">
+        <!-- Graph paper on the this svg's base user space -->
+        <g stroke="green" stroke-width="1" fill="none">
+            <circle cx="0" cy="0" r="10"></circle>
+            <circle cx="150" cy="150" r="7"></circle>
+            <path fill="green" stroke="none" d="M0,-3 L30,-3 25,-10 50,0 25,10 30,3 0,3z"></path>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="-100" x2="600" y2="-100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="000" x2="600" y2="000"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="100" x2="600" y2="100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="200" x2="600" y2="200" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="300" x2="600" y2="300" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="400" x2="600" y2="400" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="500" x2="600" y2="500" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="600" x2="600" y2="600" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="-100" y2="600" x2="-100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="000" y2="600" x2="000"></line>
+            <line y1="-100" x1="100" y2="600" x2="100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="200" y2="600" x2="200" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="300" y2="600" x2="300" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="400" y2="600" x2="400" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="500" y2="600" x2="500" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="600" y2="600" x2="600" stroke-dasharray="5,5"></line>
+        </g>
+        <!-- Figure having vector effect -->
+        <!-- Purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve1" stroke="purple" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        <!-- Red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve2" stroke="red" stroke-width="3" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        <!-- Orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is sepataed by transform. -->
+        <g id="ve3" vector-effect="non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)">
+            <path stroke="orange" stroke-width="3" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="3" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z "></path>
+        </g>
+        <!-- Blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve4" stroke="blue" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        </g>
+        <!-- Dashed purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve5" transform="matrix(1,0,0,1,100,100)" stroke="purple" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve6" transform="matrix(1,0,0,1,100,100)" stroke="red" stroke-width="2" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is separated by transform. -->
+        <g id="ve7" transform="matrix(1,0,0,1,100,100)" vector-effect="non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,100,100">
+            <path stroke="orange" stroke-width="2" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="2" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z " stroke-dasharray="3"></path>
+        </g>
+        <!-- Dashed blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve8" transform="matrix(1,0,0,1,100,100)" stroke="blue" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/svg/coords/vectorEffects/reftests/ve-nonScalingSize1-ref.svg b/svg/coords/vectorEffects/reftests/ve-nonScalingSize1-ref.svg
new file mode 100644
index 00000000000000..98dcf7ea9f8f92
--- /dev/null
+++ b/svg/coords/vectorEffects/reftests/ve-nonScalingSize1-ref.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml" width="1000" height="600" viewBox="0,0,1000,600">
+    <rect x="0" y="0" width="1000" height="600" stroke="orange" stroke-width="3" fill="none"></rect>
+    <!-- Nested user space is transformed by this transform attribute -->
+    <g id="base" transform="matrix(1.6,0,0,1.6,0,0)">
+        <!-- Graph paper on the this svg's base user space -->
+        <g stroke="green" stroke-width="1" fill="none">
+            <circle cx="0" cy="0" r="10"></circle>
+            <circle cx="150" cy="150" r="7"></circle>
+            <path fill="green" stroke="none" d="M0,-3 L30,-3 25,-10 50,0 25,10 30,3 0,3z"></path>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="-100" x2="600" y2="-100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="000" x2="600" y2="000"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="100" x2="600" y2="100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="200" x2="600" y2="200" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="300" x2="600" y2="300" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="400" x2="600" y2="400" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="500" x2="600" y2="500" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="600" x2="600" y2="600" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="-100" y2="600" x2="-100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="000" y2="600" x2="000"></line>
+            <line y1="-100" x1="100" y2="600" x2="100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="200" y2="600" x2="200" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="300" y2="600" x2="300" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="400" y2="600" x2="400" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="500" y2="600" x2="500" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="600" y2="600" x2="600" stroke-dasharray="5,5"></line>
+        </g>
+        <!-- Figure having vector effect -->
+        <!-- Purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve1" stroke="purple" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.6249999906867744,0,0,0.6249999906867744,0,0)"></path>
+        <!-- Red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve2" stroke="red" stroke-width="3" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.6249999906867744,0,0,0.6249999906867744,0,0)"></path>
+        <!-- Orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is sepataed by transform. -->
+        <g id="ve3" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.6249999906867744,0,0,0.6249999906867744,0,0)">
+            <path stroke="orange" stroke-width="3" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="3" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z "></path>
+        </g>
+        <!-- Blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve4" stroke="blue" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.6249999906867744,0,0,0.6249999906867744,0,0)"></path>
+        </g>
+        <!-- Dashed purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve5" transform="matrix(0.6249999906867744,0,0,0.6249999906867744,0,0)" stroke="purple" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve6" transform="matrix(0.6249999906867744,0,0,0.6249999906867744,0,0)" stroke="red" stroke-width="2" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is separated by transform. -->
+        <g id="ve7" transform="matrix(0.6249999906867744,0,0,0.6249999906867744,0,0)" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,100,100">
+            <path stroke="orange" stroke-width="2" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="2" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z " stroke-dasharray="3"></path>
+        </g>
+        <!-- Dashed blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve8" transform="matrix(0.6249999906867744,0,0,0.6249999906867744,0,0)" stroke="blue" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/svg/coords/vectorEffects/reftests/ve-nonScalingSize1.svg b/svg/coords/vectorEffects/reftests/ve-nonScalingSize1.svg
new file mode 100644
index 00000000000000..f0a757e6b6df29
--- /dev/null
+++ b/svg/coords/vectorEffects/reftests/ve-nonScalingSize1.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml" width="1000" height="600" viewBox="0,0,1000,600">
+    <g id="testmeta">
+        <title>Vector Effects nonScalingSize - 1</title>
+        <html:link rel="author"
+            title="Satoru Takagi"
+            href="mailto:sa-takagi@kddi.com"/>
+        <html:link rel="help"
+            href="https://svgwg.org/svg2-draft/coords.html#VectorEffects"/>
+        <html:link rel="match"  href="ve-nonScalingSize1-ref.svg" />
+        <metadata class="flags">TOKENS</metadata>
+        <desc class="assert">TEST ASSERTION</desc>
+    </g>
+    <rect x="0" y="0" width="1000" height="600" stroke="orange" stroke-width="3" fill="none"></rect>
+    <!-- Nested user space is transformed by this transform attribute -->
+    <g id="base" transform="matrix(1.6,0,0,1.6,0,0)">
+        <!-- Graph paper on the this svg's base user space -->
+        <g stroke="green" stroke-width="1" fill="none">
+            <circle cx="0" cy="0" r="10"></circle>
+            <circle cx="150" cy="150" r="7"></circle>
+            <path fill="green" stroke="none" d="M0,-3 L30,-3 25,-10 50,0 25,10 30,3 0,3z"></path>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="-100" x2="600" y2="-100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="000" x2="600" y2="000"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="100" x2="600" y2="100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="200" x2="600" y2="200" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="300" x2="600" y2="300" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="400" x2="600" y2="400" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="500" x2="600" y2="500" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="600" x2="600" y2="600" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="-100" y2="600" x2="-100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="000" y2="600" x2="000"></line>
+            <line y1="-100" x1="100" y2="600" x2="100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="200" y2="600" x2="200" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="300" y2="600" x2="300" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="400" y2="600" x2="400" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="500" y2="600" x2="500" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="600" y2="600" x2="600" stroke-dasharray="5,5"></line>
+        </g>
+        <!-- Figure having vector effect -->
+        <!-- Purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve1" stroke="purple" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        <!-- Red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve2" stroke="red" stroke-width="3" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        <!-- Orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is sepataed by transform. -->
+        <g id="ve3" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)">
+            <path stroke="orange" stroke-width="3" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="3" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z "></path>
+        </g>
+        <!-- Blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve4" stroke="blue" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        </g>
+        <!-- Dashed purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve5" transform="matrix(1,0,0,1,100,100)" stroke="purple" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve6" transform="matrix(1,0,0,1,100,100)" stroke="red" stroke-width="2" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is separated by transform. -->
+        <g id="ve7" transform="matrix(1,0,0,1,100,100)" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,100,100">
+            <path stroke="orange" stroke-width="2" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="2" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z " stroke-dasharray="3"></path>
+        </g>
+        <!-- Dashed blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve8" transform="matrix(1,0,0,1,100,100)" stroke="blue" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/svg/coords/vectorEffects/reftests/ve-nonScalingSize2-ref.svg b/svg/coords/vectorEffects/reftests/ve-nonScalingSize2-ref.svg
new file mode 100644
index 00000000000000..c400cc337f88c9
--- /dev/null
+++ b/svg/coords/vectorEffects/reftests/ve-nonScalingSize2-ref.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml" width="1000" height="600" viewBox="0,0,1000,600">
+    <rect x="0" y="0" width="1000" height="600" stroke="orange" stroke-width="3" fill="none"></rect>
+    <!-- Nested user space is transformed by this transform attribute -->
+    <g id="base" transform="matrix(1.4736975904046163,-0.6230693476938409,0.6230693476938409,1.4736975904046163,38.400000000000006,76.80000000000001)">
+        <!-- Graph paper on the this svg's base user space -->
+        <g stroke="green" stroke-width="1" fill="none">
+            <circle cx="0" cy="0" r="10"></circle>
+            <circle cx="150" cy="150" r="7"></circle>
+            <path fill="green" stroke="none" d="M0,-3 L30,-3 25,-10 50,0 25,10 30,3 0,3z"></path>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="-100" x2="600" y2="-100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="000" x2="600" y2="000"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="100" x2="600" y2="100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="200" x2="600" y2="200" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="300" x2="600" y2="300" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="400" x2="600" y2="400" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="500" x2="600" y2="500" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="600" x2="600" y2="600" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="-100" y2="600" x2="-100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="000" y2="600" x2="000"></line>
+            <line y1="-100" x1="100" y2="600" x2="100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="200" y2="600" x2="200" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="300" y2="600" x2="300" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="400" y2="600" x2="400" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="500" y2="600" x2="500" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="600" y2="600" x2="600" stroke-dasharray="5,5"></line>
+        </g>
+        <!-- Figure having vector effect -->
+        <!-- Purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve1" stroke="purple" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.6249999653117971,0,0,0.6249999653117971,0,0)"></path>
+        <!-- Red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve2" stroke="red" stroke-width="3" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.6249999653117971,0,0,0.6249999653117971,0,0)"></path>
+        <!-- Orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is sepataed by transform. -->
+        <g id="ve3" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.6249999653117971,0,0,0.6249999653117971,0,0)">
+            <path stroke="orange" stroke-width="3" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="3" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z "></path>
+        </g>
+        <!-- Blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve4" stroke="blue" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.6249999653117971,0,0,0.6249999653117971,0,0)"></path>
+        </g>
+        <!-- Dashed purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve5" transform="matrix(0.6249999653117971,0,0,0.6249999653117971,0,0)" stroke="purple" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve6" transform="matrix(0.6249999653117971,0,0,0.6249999653117971,0,0)" stroke="red" stroke-width="2" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is separated by transform. -->
+        <g id="ve7" transform="matrix(0.6249999653117971,0,0,0.6249999653117971,0,0)" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,100,100">
+            <path stroke="orange" stroke-width="2" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="2" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z " stroke-dasharray="3"></path>
+        </g>
+        <!-- Dashed blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve8" transform="matrix(0.6249999653117971,0,0,0.6249999653117971,0,0)" stroke="blue" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/svg/coords/vectorEffects/reftests/ve-nonScalingSize2.svg b/svg/coords/vectorEffects/reftests/ve-nonScalingSize2.svg
new file mode 100644
index 00000000000000..937cc990822dba
--- /dev/null
+++ b/svg/coords/vectorEffects/reftests/ve-nonScalingSize2.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml" width="1000" height="600" viewBox="0,0,1000,600">
+    <g id="testmeta">
+        <title>Vector Effects nonScalingSize - 2</title>
+        <html:link rel="author"
+            title="Satoru Takagi"
+            href="mailto:sa-takagi@kddi.com"/>
+        <html:link rel="help"
+            href="https://svgwg.org/svg2-draft/coords.html#VectorEffects"/>
+        <html:link rel="match"  href="ve-nonScalingSize2-ref.svg" />
+        <metadata class="flags">TOKENS</metadata>
+        <desc class="assert">TEST ASSERTION</desc>
+    </g>
+    <rect x="0" y="0" width="1000" height="600" stroke="orange" stroke-width="3" fill="none"></rect>
+    <!-- Nested user space is transformed by this transform attribute -->
+    <g id="base" transform="matrix(1.4736975904046163,-0.6230693476938409,0.6230693476938409,1.4736975904046163,38.400000000000006,76.80000000000001)">
+        <!-- Graph paper on the this svg's base user space -->
+        <g stroke="green" stroke-width="1" fill="none">
+            <circle cx="0" cy="0" r="10"></circle>
+            <circle cx="150" cy="150" r="7"></circle>
+            <path fill="green" stroke="none" d="M0,-3 L30,-3 25,-10 50,0 25,10 30,3 0,3z"></path>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="-100" x2="600" y2="-100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="000" x2="600" y2="000"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="100" x2="600" y2="100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="200" x2="600" y2="200" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="300" x2="600" y2="300" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="400" x2="600" y2="400" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="500" x2="600" y2="500" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="600" x2="600" y2="600" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="-100" y2="600" x2="-100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="000" y2="600" x2="000"></line>
+            <line y1="-100" x1="100" y2="600" x2="100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="200" y2="600" x2="200" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="300" y2="600" x2="300" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="400" y2="600" x2="400" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="500" y2="600" x2="500" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="600" y2="600" x2="600" stroke-dasharray="5,5"></line>
+        </g>
+        <!-- Figure having vector effect -->
+        <!-- Purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve1" stroke="purple" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        <!-- Red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve2" stroke="red" stroke-width="3" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        <!-- Orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is sepataed by transform. -->
+        <g id="ve3" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)">
+            <path stroke="orange" stroke-width="3" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="3" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z "></path>
+        </g>
+        <!-- Blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve4" stroke="blue" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        </g>
+        <!-- Dashed purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve5" transform="matrix(1,0,0,1,100,100)" stroke="purple" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve6" transform="matrix(1,0,0,1,100,100)" stroke="red" stroke-width="2" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is separated by transform. -->
+        <g id="ve7" transform="matrix(1,0,0,1,100,100)" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,100,100">
+            <path stroke="orange" stroke-width="2" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="2" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z " stroke-dasharray="3"></path>
+        </g>
+        <!-- Dashed blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve8" transform="matrix(1,0,0,1,100,100)" stroke="blue" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/svg/coords/vectorEffects/reftests/ve-nonScalingSize_fixedPosition-ref.svg b/svg/coords/vectorEffects/reftests/ve-nonScalingSize_fixedPosition-ref.svg
new file mode 100644
index 00000000000000..58438c6ed04cbd
--- /dev/null
+++ b/svg/coords/vectorEffects/reftests/ve-nonScalingSize_fixedPosition-ref.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml" width="1000" height="600" viewBox="0,0,1000,600">
+    <rect x="0" y="0" width="1000" height="600" stroke="orange" stroke-width="3" fill="none"></rect>
+    <!-- Nested user space is transformed by this transform attribute -->
+    <g id="base" transform="matrix(1.078073235625366,0.21853626387456734,-0.21853626387456734,1.078073235625366,37.400000000000006,74.80000000000001)">
+        <!-- Graph paper on the this svg's base user space -->
+        <g stroke="green" stroke-width="1" fill="none">
+            <circle cx="0" cy="0" r="10"></circle>
+            <circle cx="150" cy="150" r="7"></circle>
+            <path fill="green" stroke="none" d="M0,-3 L30,-3 25,-10 50,0 25,10 30,3 0,3z"></path>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="-100" x2="600" y2="-100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="000" x2="600" y2="000"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="100" x2="600" y2="100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="200" x2="600" y2="200" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="300" x2="600" y2="300" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="400" x2="600" y2="400" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="500" x2="600" y2="500" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="600" x2="600" y2="600" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="-100" y2="600" x2="-100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="000" y2="600" x2="000"></line>
+            <line y1="-100" x1="100" y2="600" x2="100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="200" y2="600" x2="200" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="300" y2="600" x2="300" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="400" y2="600" x2="400" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="500" y2="600" x2="500" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="600" y2="600" x2="600" stroke-dasharray="5,5"></line>
+        </g>
+        <!-- Figure having vector effect -->
+        <!-- Purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve1" stroke="purple" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.9090908877884673,0,0,0.9090908877884673,-46.831778328900135,-59.889771575004346)"></path>
+        <!-- Red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve2" stroke="red" stroke-width="3" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.9090908877884673,0,0,0.9090908877884673,-46.831778328900135,-59.889771575004346)"></path>
+        <!-- Orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is sepataed by transform. -->
+        <g id="ve3" vector-effect="non-scaling-size fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.9090908877884673,0,0,0.9090908877884673,-46.831778328900135,-59.889771575004346)">
+            <path stroke="orange" stroke-width="3" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="3" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z "></path>
+        </g>
+        <!-- Blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve4" stroke="blue" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.9090908877884673,0,0,0.9090908877884673,-346.83177832890016,-359.8897715750043)"></path>
+        </g>
+        <!-- Dashed purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve5" transform="matrix(0.9090908877884673,0,0,0.9090908877884673,60.326028294743146,11.14634124664677)" stroke="purple" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve6" transform="matrix(0.9090908877884673,0,0,0.9090908877884673,60.326028294743146,11.14634124664677)" stroke="red" stroke-width="2" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is separated by transform. -->
+        <g id="ve7" transform="matrix(0.9090908877884673,0,0,0.9090908877884673,60.326028294743146,11.14634124664677)" vector-effect="non-scaling-size fixed-position" data-transform-matrix-original="1,0,0,1,100,100">
+            <path stroke="orange" stroke-width="2" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="2" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z " stroke-dasharray="3"></path>
+        </g>
+        <!-- Dashed blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve8" transform="matrix(0.9090908877884673,0,0,0.9090908877884673,-239.67397170525686,-288.8536587533532)" stroke="blue" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/svg/coords/vectorEffects/reftests/ve-nonScalingSize_fixedPosition.svg b/svg/coords/vectorEffects/reftests/ve-nonScalingSize_fixedPosition.svg
new file mode 100644
index 00000000000000..6e313e87ab09d3
--- /dev/null
+++ b/svg/coords/vectorEffects/reftests/ve-nonScalingSize_fixedPosition.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml" width="1000" height="600" viewBox="0,0,1000,600">
+    <g id="testmeta">
+        <title>Vector Effects nonScalingSize fixedPosition</title>
+        <html:link rel="author"
+            title="Satoru Takagi"
+            href="mailto:sa-takagi@kddi.com"/>
+        <html:link rel="help"
+            href="https://svgwg.org/svg2-draft/coords.html#VectorEffects"/>
+        <html:link rel="match"  href="ve-nonScalingSize_fixedPosition-ref.svg" />
+        <metadata class="flags">TOKENS</metadata>
+        <desc class="assert">TEST ASSERTION</desc>
+    </g>
+    <rect x="0" y="0" width="1000" height="600" stroke="orange" stroke-width="3" fill="none"></rect>
+    <!-- Nested user space is transformed by this transform attribute -->
+    <g id="base" transform="matrix(1.078073235625366,0.21853626387456734,-0.21853626387456734,1.078073235625366,37.400000000000006,74.80000000000001)">
+        <!-- Graph paper on the this svg's base user space -->
+        <g stroke="green" stroke-width="1" fill="none">
+            <circle cx="0" cy="0" r="10"></circle>
+            <circle cx="150" cy="150" r="7"></circle>
+            <path fill="green" stroke="none" d="M0,-3 L30,-3 25,-10 50,0 25,10 30,3 0,3z"></path>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="-100" x2="600" y2="-100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="000" x2="600" y2="000"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="100" x2="600" y2="100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="200" x2="600" y2="200" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="300" x2="600" y2="300" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="400" x2="600" y2="400" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="500" x2="600" y2="500" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="600" x2="600" y2="600" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="-100" y2="600" x2="-100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="000" y2="600" x2="000"></line>
+            <line y1="-100" x1="100" y2="600" x2="100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="200" y2="600" x2="200" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="300" y2="600" x2="300" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="400" y2="600" x2="400" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="500" y2="600" x2="500" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="600" y2="600" x2="600" stroke-dasharray="5,5"></line>
+        </g>
+        <!-- Figure having vector effect -->
+        <!-- Purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve1" stroke="purple" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        <!-- Red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve2" stroke="red" stroke-width="3" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        <!-- Orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is sepataed by transform. -->
+        <g id="ve3" vector-effect="non-scaling-size fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)">
+            <path stroke="orange" stroke-width="3" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="3" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z "></path>
+        </g>
+        <!-- Blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve4" stroke="blue" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        </g>
+        <!-- Dashed purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve5" transform="matrix(1,0,0,1,100,100)" stroke="purple" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve6" transform="matrix(1,0,0,1,100,100)" stroke="red" stroke-width="2" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is separated by transform. -->
+        <g id="ve7" transform="matrix(1,0,0,1,100,100)" vector-effect="non-scaling-size fixed-position" data-transform-matrix-original="1,0,0,1,100,100">
+            <path stroke="orange" stroke-width="2" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="2" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z " stroke-dasharray="3"></path>
+        </g>
+        <!-- Dashed blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve8" transform="matrix(1,0,0,1,100,100)" stroke="blue" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/svg/coords/vectorEffects/reftests/ve-nonScalingSize_nonRotation-ref.svg b/svg/coords/vectorEffects/reftests/ve-nonScalingSize_nonRotation-ref.svg
new file mode 100644
index 00000000000000..55c12ed4b54ddc
--- /dev/null
+++ b/svg/coords/vectorEffects/reftests/ve-nonScalingSize_nonRotation-ref.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml" width="1000" height="600" viewBox="0,0,1000,600">
+    <rect x="0" y="0" width="1000" height="600" stroke="orange" stroke-width="3" fill="none"></rect>
+    <!-- Nested user space is transformed by this transform attribute -->
+    <g id="base" transform="matrix(1.1973792922037507,-0.5062438450012458,0.5062438450012458,1.1973792922037507,0,0)">
+        <!-- Graph paper on the this svg's base user space -->
+        <g stroke="green" stroke-width="1" fill="none">
+            <circle cx="0" cy="0" r="10"></circle>
+            <circle cx="150" cy="150" r="7"></circle>
+            <path fill="green" stroke="none" d="M0,-3 L30,-3 25,-10 50,0 25,10 30,3 0,3z"></path>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="-100" x2="600" y2="-100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="000" x2="600" y2="000"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="100" x2="600" y2="100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="200" x2="600" y2="200" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="300" x2="600" y2="300" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="400" x2="600" y2="400" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="500" x2="600" y2="500" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="600" x2="600" y2="600" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="-100" y2="600" x2="-100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="000" y2="600" x2="000"></line>
+            <line y1="-100" x1="100" y2="600" x2="100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="200" y2="600" x2="200" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="300" y2="600" x2="300" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="400" y2="600" x2="400" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="500" y2="600" x2="500" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="600" y2="600" x2="600" stroke-dasharray="5,5"></line>
+        </g>
+        <!-- Figure having vector effect -->
+        <!-- Purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve1" stroke="purple" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.7085084666335217,0.2995525133580103,-0.2995525133580103,0.7085084666335217,0,0)"></path>
+        <!-- Red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve2" stroke="red" stroke-width="3" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.7085084666335217,0.2995525133580103,-0.2995525133580103,0.7085084666335217,0,0)"></path>
+        <!-- Orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is sepataed by transform. -->
+        <g id="ve3" vector-effect="non-scaling-size non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.7085084666335217,0.2995525133580103,-0.2995525133580103,0.7085084666335217,0,0)">
+            <path stroke="orange" stroke-width="3" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="3" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z "></path>
+        </g>
+        <!-- Blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve4" stroke="blue" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.7085084666335217,0.2995525133580103,-0.2995525133580103,0.7085084666335217,0,0)"></path>
+        </g>
+        <!-- Dashed purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve5" transform="matrix(0.7085084666335217,0.2995525133580103,-0.2995525133580103,0.7085084666335217,0,0)" stroke="purple" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size non-rotation" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve6" transform="matrix(0.7085084666335217,0.2995525133580103,-0.2995525133580103,0.7085084666335217,0,0)" stroke="red" stroke-width="2" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size non-rotation" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is separated by transform. -->
+        <g id="ve7" transform="matrix(0.7085084666335217,0.2995525133580103,-0.2995525133580103,0.7085084666335217,0,0)" vector-effect="non-scaling-size non-rotation" data-transform-matrix-original="1,0,0,1,100,100">
+            <path stroke="orange" stroke-width="2" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="2" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z " stroke-dasharray="3"></path>
+        </g>
+        <!-- Dashed blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve8" transform="matrix(0.7085084666335217,0.2995525133580103,-0.2995525133580103,0.7085084666335217,0,0)" stroke="blue" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size non-rotation" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/svg/coords/vectorEffects/reftests/ve-nonScalingSize_nonRotation.svg b/svg/coords/vectorEffects/reftests/ve-nonScalingSize_nonRotation.svg
new file mode 100644
index 00000000000000..d4b3265e7748d8
--- /dev/null
+++ b/svg/coords/vectorEffects/reftests/ve-nonScalingSize_nonRotation.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml" width="1000" height="600" viewBox="0,0,1000,600">
+    <g id="testmeta">
+        <title>Vector Effects nonScalingSize nonRotation</title>
+        <html:link rel="author"
+            title="Satoru Takagi"
+            href="mailto:sa-takagi@kddi.com"/>
+        <html:link rel="help"
+            href="https://svgwg.org/svg2-draft/coords.html#VectorEffects"/>
+        <html:link rel="match"  href="ve-nonScalingSize_nonRotation-ref.svg" />
+        <metadata class="flags">TOKENS</metadata>
+        <desc class="assert">TEST ASSERTION</desc>
+    </g>
+    <rect x="0" y="0" width="1000" height="600" stroke="orange" stroke-width="3" fill="none"></rect>
+    <!-- Nested user space is transformed by this transform attribute -->
+    <g id="base" transform="matrix(1.1973792922037507,-0.5062438450012458,0.5062438450012458,1.1973792922037507,0,0)">
+        <!-- Graph paper on the this svg's base user space -->
+        <g stroke="green" stroke-width="1" fill="none">
+            <circle cx="0" cy="0" r="10"></circle>
+            <circle cx="150" cy="150" r="7"></circle>
+            <path fill="green" stroke="none" d="M0,-3 L30,-3 25,-10 50,0 25,10 30,3 0,3z"></path>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="-100" x2="600" y2="-100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="000" x2="600" y2="000"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="100" x2="600" y2="100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="200" x2="600" y2="200" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="300" x2="600" y2="300" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="400" x2="600" y2="400" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="500" x2="600" y2="500" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="600" x2="600" y2="600" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="-100" y2="600" x2="-100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="000" y2="600" x2="000"></line>
+            <line y1="-100" x1="100" y2="600" x2="100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="200" y2="600" x2="200" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="300" y2="600" x2="300" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="400" y2="600" x2="400" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="500" y2="600" x2="500" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="600" y2="600" x2="600" stroke-dasharray="5,5"></line>
+        </g>
+        <!-- Figure having vector effect -->
+        <!-- Purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve1" stroke="purple" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        <!-- Red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve2" stroke="red" stroke-width="3" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        <!-- Orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is sepataed by transform. -->
+        <g id="ve3" vector-effect="non-scaling-size non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)">
+            <path stroke="orange" stroke-width="3" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="3" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z "></path>
+        </g>
+        <!-- Blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve4" stroke="blue" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size non-rotation" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        </g>
+        <!-- Dashed purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve5" transform="matrix(1,0,0,1,100,100)" stroke="purple" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size non-rotation" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve6" transform="matrix(1,0,0,1,100,100)" stroke="red" stroke-width="2" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size non-rotation" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is separated by transform. -->
+        <g id="ve7" transform="matrix(1,0,0,1,100,100)" vector-effect="non-scaling-size non-rotation" data-transform-matrix-original="1,0,0,1,100,100">
+            <path stroke="orange" stroke-width="2" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="2" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z " stroke-dasharray="3"></path>
+        </g>
+        <!-- Dashed blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve8" transform="matrix(1,0,0,1,100,100)" stroke="blue" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size non-rotation" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/svg/coords/vectorEffects/reftests/ve-nonScalingSize_nonRotation_fixedPosition-ref.svg b/svg/coords/vectorEffects/reftests/ve-nonScalingSize_nonRotation_fixedPosition-ref.svg
new file mode 100644
index 00000000000000..031a131e01e172
--- /dev/null
+++ b/svg/coords/vectorEffects/reftests/ve-nonScalingSize_nonRotation_fixedPosition-ref.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml" width="1000" height="600" viewBox="0,0,1000,600">
+    <rect x="0" y="0" width="1000" height="600" stroke="orange" stroke-width="3" fill="none"></rect>
+    <!-- Nested user space is transformed by this transform attribute -->
+    <g id="base" transform="matrix(1.1987335949575382,0.24624737220968818,-0.4673020107703806,1.105273192803462,32.4,64.8)">
+        <!-- Graph paper on the this svg's base user space -->
+        <g stroke="green" stroke-width="1" fill="none">
+            <circle cx="0" cy="0" r="10"></circle>
+            <circle cx="150" cy="150" r="7"></circle>
+            <path fill="green" stroke="none" d="M0,-3 L30,-3 25,-10 50,0 25,10 30,3 0,3z"></path>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="-100" x2="600" y2="-100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="000" x2="600" y2="000"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="100" x2="600" y2="100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="200" x2="600" y2="200" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="300" x2="600" y2="300" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="400" x2="600" y2="400" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="500" x2="600" y2="500" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="600" x2="600" y2="600" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="-100" y2="600" x2="-100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="000" y2="600" x2="000"></line>
+            <line y1="-100" x1="100" y2="600" x2="100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="200" y2="600" x2="200" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="300" y2="600" x2="300" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="400" y2="600" x2="400" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="500" y2="600" x2="500" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="600" y2="600" x2="600" stroke-dasharray="5,5"></line>
+        </g>
+        <!-- Figure having vector effect -->
+        <!-- Purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve1" stroke="purple" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.767550847043951,-0.17100512149418357,0.3245152660677057,0.8324538464477448,-45.89723884694299,-48.402445592916735)"></path>
+        <!-- Red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve2" stroke="red" stroke-width="3" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.767550847043951,-0.17100512149418357,0.3245152660677057,0.8324538464477448,-45.89723884694299,-48.402445592916735)"></path>
+        <!-- Orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is sepataed by transform. -->
+        <g id="ve3" vector-effect="non-scaling-size non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.767550847043951,-0.17100512149418357,0.3245152660677057,0.8324538464477448,-45.89723884694299,-48.402445592916735)">
+            <path stroke="orange" stroke-width="3" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="3" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z "></path>
+        </g>
+        <!-- Blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve4" stroke="blue" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(0.767550847043951,-0.17100512149418357,0.3245152660677057,0.8324538464477448,-345.897238846943,-348.4024455929167)"></path>
+        </g>
+        <!-- Dashed purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve5" transform="matrix(0.767550847043951,-0.17100512149418357,0.3245152660677057,0.8324538464477448,63.30937246422268,17.742426902439377)" stroke="purple" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve6" transform="matrix(0.767550847043951,-0.17100512149418357,0.3245152660677057,0.8324538464477448,63.30937246422268,17.742426902439377)" stroke="red" stroke-width="2" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is separated by transform. -->
+        <g id="ve7" transform="matrix(0.767550847043951,-0.17100512149418357,0.3245152660677057,0.8324538464477448,63.30937246422268,17.742426902439377)" vector-effect="non-scaling-size non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,100,100">
+            <path stroke="orange" stroke-width="2" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="2" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z " stroke-dasharray="3"></path>
+        </g>
+        <!-- Dashed blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve8" transform="matrix(0.767550847043951,-0.17100512149418357,0.3245152660677057,0.8324538464477448,-236.69062753577737,-282.25757309756057)" stroke="blue" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/svg/coords/vectorEffects/reftests/ve-nonScalingSize_nonRotation_fixedPosition.svg b/svg/coords/vectorEffects/reftests/ve-nonScalingSize_nonRotation_fixedPosition.svg
new file mode 100644
index 00000000000000..d369289eee2269
--- /dev/null
+++ b/svg/coords/vectorEffects/reftests/ve-nonScalingSize_nonRotation_fixedPosition.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml" width="1000" height="600" viewBox="0,0,1000,600">
+    <g id="testmeta">
+        <title>Vector Effects nonScalingSize nonRotation fixedPosition</title>
+        <html:link rel="author"
+            title="Satoru Takagi"
+            href="mailto:sa-takagi@kddi.com"/>
+        <html:link rel="help"
+            href="https://svgwg.org/svg2-draft/coords.html#VectorEffects"/>
+        <html:link rel="match"  href="ve-nonScalingSize_nonRotation_fixedPosition-ref.svg" />
+        <metadata class="flags">TOKENS</metadata>
+        <desc class="assert">TEST ASSERTION</desc>
+    </g>
+    <rect x="0" y="0" width="1000" height="600" stroke="orange" stroke-width="3" fill="none"></rect>
+    <!-- Nested user space is transformed by this transform attribute -->
+    <g id="base" transform="matrix(1.1987335949575382,0.24624737220968818,-0.4673020107703806,1.105273192803462,32.4,64.8)">
+        <!-- Graph paper on the this svg's base user space -->
+        <g stroke="green" stroke-width="1" fill="none">
+            <circle cx="0" cy="0" r="10"></circle>
+            <circle cx="150" cy="150" r="7"></circle>
+            <path fill="green" stroke="none" d="M0,-3 L30,-3 25,-10 50,0 25,10 30,3 0,3z"></path>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="-100" x2="600" y2="-100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="000" x2="600" y2="000"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="100" x2="600" y2="100" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="200" x2="600" y2="200" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="300" x2="600" y2="300" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="400" x2="600" y2="400" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="500" x2="600" y2="500" stroke-dasharray="5,5"></line>
+            <line vector-effect="non-scaling-stroke" x1="-100" y1="600" x2="600" y2="600" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="-100" y2="600" x2="-100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="000" y2="600" x2="000"></line>
+            <line y1="-100" x1="100" y2="600" x2="100" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="200" y2="600" x2="200" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="300" y2="600" x2="300" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="400" y2="600" x2="400" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="500" y2="600" x2="500" stroke-dasharray="5,5"></line>
+            <line y1="-100" x1="600" y2="600" x2="600" stroke-dasharray="5,5"></line>
+        </g>
+        <!-- Figure having vector effect -->
+        <!-- Purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve1" stroke="purple" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        <!-- Red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve2" stroke="red" stroke-width="3" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        <!-- Orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is sepataed by transform. -->
+        <g id="ve3" vector-effect="non-scaling-size non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)">
+            <path stroke="orange" stroke-width="3" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="3" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z "></path>
+        </g>
+        <!-- Blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve4" stroke="blue" stroke-width="3" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" vector-effect="non-scaling-size non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,0,0" transform="matrix(1,0,0,1,0,0)"></path>
+        </g>
+        <!-- Dashed purple path : User space of figure having vector effect is the same as viewport space and its origin is top left corner of the figure. -->
+        <path id="ve5" transform="matrix(1,0,0,1,100,100)" stroke="purple" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed red path : User space of figure having vector effect is the same as viewport space but the its origin is far from the figure. -->
+        <path id="ve6" transform="matrix(1,0,0,1,100,100)" stroke="red" stroke-width="2" fill="none" d="M300,100 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        <!-- Dashed orange path : User space of group having vector effect is the same as viewport space but its child figure's user space is separated by transform. -->
+        <g id="ve7" transform="matrix(1,0,0,1,100,100)" vector-effect="non-scaling-size non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,100,100">
+            <path stroke="orange" stroke-width="2" fill="none" d="M-5,-5l10,10M5,-5l-10,10"></path>
+            <path stroke="orange" stroke-width="2" fill="none" transform="matrix(1,0,0,1,100,300)" d="M0,0 l50,0 50,50 -50,50 -50,0z " stroke-dasharray="3"></path>
+        </g>
+        <!-- Dashed blue path : User space of figure having vector effect is NOT the same as viewport space but its origin is top left corner of the figure. -->
+        <g transform="matrix(1,0,0,1,300,300)">
+            <path id="ve8" transform="matrix(1,0,0,1,100,100)" stroke="blue" stroke-width="2" fill="none" d="M0,0 l50,0 50,50 -50,50 -50,0z M-5,-5l10,10M5,-5l-10,10" stroke-dasharray="3" vector-effect="non-scaling-size non-rotation fixed-position" data-transform-matrix-original="1,0,0,1,100,100"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file