From 595d34082784e97ecdf8d4f646a8509103cfd6a6 Mon Sep 17 00:00:00 2001
From: Domenic Denicola <d@domenic.me>
Date: Fri, 29 Mar 2019 16:20:29 -0400
Subject: [PATCH 1/3] Add multiplied-out coordinates for canvas transforms

Closes https://www.w3.org/Bugs/Public/show_bug.cgi?id=28333.
---
 source | 33 ++++++++++++++++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/source b/source
index 3eca50aa5e6..f8af61a5fc5 100644
--- a/source
+++ b/source
@@ -56,7 +56,7 @@
    .applies td { text-align: center; }
 
    .matrix, .matrix td { border: hidden; text-align: right; }
-   .matrix { margin-left: 2em; }
+   .matrix, .equations { margin-left: 2em; }
 
    .vertical-summary-table tr > th[rowspan="2"]:first-child + th,
    .vertical-summary-table tr > td[rowspan="2"]:first-child + td { border-bottom: hidden; }
@@ -62716,6 +62716,37 @@ try {
 
   </div>
 
+  <div class="note">
+   <p>Given a matrix of the form created by the <code
+   data-x="dom-context-2d-transform">transform()</code> and <code
+   data-x="dom-context-2d-setTransform">setTransform()</code> methods, i.e.</p>
+
+   <table class="matrix">
+    <tr>
+     <td><var>a</var></td>
+     <td><var>c</var></td>
+     <td><var>e</var></td>
+    </tr>
+    <tr>
+     <td><var>b</var></td>
+     <td><var>d</var></td>
+     <td><var>f</var></td>
+    </tr>
+    <tr>
+     <td>0</td>
+     <td>0</td>
+     <td>1</td>
+    </tr>
+   </table>
+
+   <p>the resulting transformed coordinates after transform matrix multiplication will be</p>
+
+   <p class="equations">
+    <var>x</var><sub>new</sub> = <var>a</var> <var>x</var> + <var>c</var> <var>y</var><br>
+    <var>y</var><sub>new</sub> = <var>b</var> <var>x</var> + <var>d</var> <var>y</var>
+   </p>
+  </div>
+
 
 
   <h6>Image sources for 2D rendering contexts</h6>

From 206d65a168e9eed77f4b436633db41fc10d9dfe4 Mon Sep 17 00:00:00 2001
From: Domenic Denicola <d@domenic.me>
Date: Fri, 5 Apr 2019 11:02:47 -0400
Subject: [PATCH 2/3] comma

---
 source | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/source b/source
index f8af61a5fc5..5a70052b245 100644
--- a/source
+++ b/source
@@ -62719,7 +62719,7 @@ try {
   <div class="note">
    <p>Given a matrix of the form created by the <code
    data-x="dom-context-2d-transform">transform()</code> and <code
-   data-x="dom-context-2d-setTransform">setTransform()</code> methods, i.e.</p>
+   data-x="dom-context-2d-setTransform">setTransform()</code> methods, i.e.,</p>
 
    <table class="matrix">
     <tr>

From fb116affa8f6697c632a591d3995255dc47533a1 Mon Sep 17 00:00:00 2001
From: Domenic Denicola <d@domenic.me>
Date: Fri, 5 Apr 2019 11:15:39 -0400
Subject: [PATCH 3/3] e and f are translations

---
 source | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/source b/source
index 5a70052b245..07a0bec2cf0 100644
--- a/source
+++ b/source
@@ -62742,8 +62742,8 @@ try {
    <p>the resulting transformed coordinates after transform matrix multiplication will be</p>
 
    <p class="equations">
-    <var>x</var><sub>new</sub> = <var>a</var> <var>x</var> + <var>c</var> <var>y</var><br>
-    <var>y</var><sub>new</sub> = <var>b</var> <var>x</var> + <var>d</var> <var>y</var>
+    <var>x</var><sub>new</sub> = <var>a</var> <var>x</var> + <var>c</var> <var>y</var> + <var>e</var><br>
+    <var>y</var><sub>new</sub> = <var>b</var> <var>x</var> + <var>d</var> <var>y</var> + <var>f</var>
    </p>
   </div>