You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<dt>If invoked with a <aclass=idl-codedata-link-type=dictionaryhref=#dictdef-dompointinittitle=dompointinit>DOMPointInit</a> argument:</dt>
187
187
<dd>
188
-
<olclass=algoithm>
188
+
<olclass=algorithm>
189
189
<li>Let <var>point</var> be the argument.</li>
190
190
<li>Call the constructor of <aclass=idl-codedata-link-type=interfacehref=#dom-dompointreadonlytitle=dompointreadonly>DOMPointReadOnly</a> with the arguments <var>x</var>, <var>y</var>, <var>z</var>, <var>w</var>, where:
191
-
<olclass=algorithm>
191
+
<ol>
192
192
<li><var>x</var> is the <code>x</code> dictionary member of <var>point</var>.
193
193
<li><var>y</var> is the <code>y</code> dictionary member of <var>point</var>.
194
194
<li><var>z</var> is the <code>z</code> dictionary member of <var>point</var>.
<li>Call the constructor of <aclass=idl-codedata-link-type=interfacehref=#dom-dompointreadonlytitle=dompointreadonly>DOMPointReadOnly</a> with the arguments <var>x</var>, <var>y</var>, <var>z</var> and <var>w</var>, respectively.</li>
205
205
<li>Return the new <aclass=idl-codedata-link-type=interfacehref=#dom-dompointtitle=dompoint>DOMPoint</a> object.</li>
<p>The <dfnclass=idl-codedata-dfn-for="DOMPointReadOnly DOMPoint" data-dfn-type=attributedata-export="" id=dom-dompointreadonly-dompoint-w>w<aclass=self-linkhref=#dom-dompointreadonly-dompoint-w></a></dfn> attribute, on getting, must return the <adata-link-type=dfnhref=#w-perspectivetitle="w perspective">w perspective</a> value of the object it was invoked. For the <aclass=idl-codedata-link-type=interfacehref=#dom-dompointtitle=dompoint>DOMPoint</a> interface, setting the <aclass=idl-codedata-link-for=DOMPointdata-link-type=attributehref=#dom-dompointreadonly-dompoint-wtitle=w>w</a> attribute must set the <adata-link-type=dfnhref=#w-perspectivetitle="w perspective">w perspective</a> value of the object it was invoked to the new value.</p>
<li>Create a new <aclass=idl-codedata-link-type=interfacehref=#dom-dompointtitle=dompoint>DOMPoint</a><var>point</var> initialized to <aclass=idl-codedata-link-for=DOMPointdata-link-type=attributehref=#dom-dompointreadonly-dompoint-xtitle=x>x</a>, <aclass=idl-codedata-link-for=DOMPointdata-link-type=attributehref=#dom-dompointreadonly-dompoint-ytitle=y>y</a>, <aclass=idl-codedata-link-for=DOMPointdata-link-type=attributehref=#dom-dompointreadonly-dompoint-ztitle=z>z</a> and <aclass=idl-codedata-link-for=DOMPointdata-link-type=attributehref=#dom-dompointreadonly-dompoint-wtitle=w>w</a> of the current point.</li>
225
-
<li><adata-link-type=dfnhref=#post-multiplytitle=post-multiply>Post-multiply</a><var>point</var> with <var>matrix</var>.</li>
226
-
<li>Return <var>point</var>.</li>
227
-
</ol>
228
-
<p><adata-link-type=functionishhref=#dom-dompointreadonly-matrixtransformtitle=matrixtransform()>matrixTransform()</a> does not modify the current <aclass=idl-codedata-link-type=interfacehref=#dom-dompointreadonlytitle=dompointreadonly>DOMPointReadOnly</a> object and returns a new <aclass=idl-codedata-link-type=interfacehref=#dom-dompointtitle=dompoint>DOMPoint</a> object.
229
-
<divclass=example>
230
-
<p>In this example the method <aclass=idl-codedata-link-type=methodhref=#dom-dompointreadonly-matrixtransformtitle=matrixtransform()>matrixTransform()</a> on <var>point</var> is called with a <aclass=idl-codedata-link-type=interfacehref=#dom-dommatrixtitle=dommatrix>DOMMatrix</a> argument <var>matrix</var>.</p>
231
-
<pre><code>var point = new DOMPoint(5, 4);
220
+
<p><dfnclass=idl-codedata-dfn-for=DOMPointReadOnlydata-dfn-type=methoddata-export="" id=dom-dompointreadonly-matrixtransformtitle=matrixTransform()>matrixTransform(<var>matrix</var>)<aclass=self-linkhref=#dom-dompointreadonly-matrixtransform></a></dfn>, when invoked, must run the following steps:</p>
221
+
222
+
<ol>
223
+
<li>Create a new <aclass=idl-codedata-link-type=interfacehref=#dom-dompointtitle=dompoint>DOMPoint</a><var>point</var> initialized to <aclass=idl-codedata-link-for=DOMPointdata-link-type=attributehref=#dom-dompointreadonly-dompoint-xtitle=x>x</a>, <aclass=idl-codedata-link-for=DOMPointdata-link-type=attributehref=#dom-dompointreadonly-dompoint-ytitle=y>y</a>, <aclass=idl-codedata-link-for=DOMPointdata-link-type=attributehref=#dom-dompointreadonly-dompoint-ztitle=z>z</a> and <aclass=idl-codedata-link-for=DOMPointdata-link-type=attributehref=#dom-dompointreadonly-dompoint-wtitle=w>w</a> of the current point.</li>
224
+
<li><adata-link-type=dfnhref=#post-multiplytitle=post-multiply>Post-multiply</a><var>point</var> with <var>matrix</var>.</li>
225
+
<li>Return <var>point</var>.</li>
226
+
</ol>
227
+
<p><adata-link-type=functionishhref=#dom-dompointreadonly-matrixtransformtitle=matrixtransform()>matrixTransform()</a> does not modify the current <aclass=idl-codedata-link-type=interfacehref=#dom-dompointreadonlytitle=dompointreadonly>DOMPointReadOnly</a> object and returns a new <aclass=idl-codedata-link-type=interfacehref=#dom-dompointtitle=dompoint>DOMPoint</a> object.
228
+
<divclass=example>
229
+
<p>In this example the method <aclass=idl-codedata-link-type=methodhref=#dom-dompointreadonly-matrixtransformtitle=matrixtransform()>matrixTransform()</a> on <var>point</var> is called with a <aclass=idl-codedata-link-type=interfacehref=#dom-dommatrixtitle=dommatrix>DOMMatrix</a> argument <var>matrix</var>.</p>
230
+
<pre><code>var point = new DOMPoint(5, 4);
232
231
var matrix = new DOMMatrix(2, 0, 0, 2, 10, 10);
233
232
var transformedPoint = point.matrixTransform(matrix);
234
-
</code></pre>
235
-
<p><var>point</var> creates a new <aclass=idl-codedata-link-type=interfacehref=#dom-dompointtitle=dompoint>DOMPoint</a> object initialized to the same attribute values as <var>point</var>. This new <aclass=idl-codedata-link-type=interfacehref=#dom-dompointtitle=dompoint>DOMPoint</a> is now scaled and the translated by <var>matrix</var>. This resulting <var>transformPoint</var> has the attribute values <code>x: 20</code> and <code>y: 18</code>.</p>
236
-
</div>
237
-
</dd>
238
-
</dl>
233
+
</code></pre>
234
+
<p><var>point</var> creates a new <aclass=idl-codedata-link-type=interfacehref=#dom-dompointtitle=dompoint>DOMPoint</a> object initialized to the same attribute values as <var>point</var>. This new <aclass=idl-codedata-link-type=interfacehref=#dom-dompointtitle=dompoint>DOMPoint</a> is now scaled and the translated by <var>matrix</var>. This resulting <var>transformPoint</var> has the attribute values <code>x: 20</code> and <code>y: 18</code>.</p>
235
+
</div>
239
236
240
237
<p>For historical reasons, Window objects must also have a writable, configurable, non-enumerable property named <code>SVGPoint</code> whose value is the <aclass=idl-codedata-link-type=interfacehref=#dom-dompointtitle=dompoint>DOMPoint</a> interface object.</p>
Copy file name to clipboardExpand all lines: geometry/Overview.src.html
+17-20Lines changed: 17 additions & 20 deletions
Original file line number
Diff line number
Diff line change
@@ -89,10 +89,10 @@ <h2 id='DOMPoint'>
89
89
<dlclass=switch>
90
90
<dt>If invoked with a <adictionary>DOMPointInit</a> argument:</dt>
91
91
<dd>
92
-
<olclass=algoithm>
92
+
<olclass=algorithm>
93
93
<li>Let <var>point</var> be the argument.</li>
94
94
<li>Call the constructor of <ainterface>DOMPointReadOnly</a> with the arguments <var>x</var>, <var>y</var>, <var>z</var>, <var>w</var>, where:
95
-
<olclass=algorithm>
95
+
<ol>
96
96
<li><var>x</var> is the <code>x</code> dictionary member of <var>point</var>.
97
97
<li><var>y</var> is the <code>y</code> dictionary member of <var>point</var>.
98
98
<li><var>z</var> is the <code>z</code> dictionary member of <var>point</var>.
@@ -104,7 +104,7 @@ <h2 id='DOMPoint'>
104
104
</dd>
105
105
<dt>Otherwise:</dt>
106
106
<dd>
107
-
<ol>
107
+
<olclass=algorithm>
108
108
<li>Call the constructor of <ainterface>DOMPointReadOnly</a> with the arguments <var>x</var>, <var>y</var>, <var>z</var> and <var>w</var>, respectively.</li>
109
109
<li>Return the new <ainterface>DOMPoint</a> object.</li>
110
110
</ol>
@@ -121,25 +121,22 @@ <h2 id='DOMPoint'>
121
121
The <dfn>w</dfn> attribute, on getting, must return the <a>w perspective</a> value of the object it was invoked. For the <ainterface>DOMPoint</a> interface, setting the <aattributefor=DOMPoint>w</a> attribute must set the <a>w perspective</a> value of the object it was invoked to the new value.
<li>Create a new <ainterface>DOMPoint</a><var>point</var> initialized to <aattributefor=DOMPoint>x</a>, <aattributefor=DOMPoint>y</a>, <aattributefor=DOMPoint>z</a> and <aattributefor=DOMPoint>w</a> of the current point.</li>
129
-
<li><i>Post-multiply</i><var>point</var> with <var>matrix</var>.</li>
130
-
<li>Return <var>point</var>.</li>
131
-
</ol>
132
-
<p><a>matrixTransform()</a> does not modify the current <ainterface>DOMPointReadOnly</a> object and returns a new <ainterface>DOMPoint</a> object.
133
-
<divclass='example'>
134
-
<p>In this example the method <amethod>matrixTransform()</a> on <var>point</var> is called with a <ainterface>DOMMatrix</a> argument <var>matrix</var>.</p>
135
-
<pre><code>var point = new DOMPoint(5, 4);
124
+
<dfndfn-type=methoddfn-for=DOMPointReadOnly>matrixTransform(<var>matrix</var>)</dfn>, when invoked, must run the following steps:</dt>
125
+
126
+
<ol>
127
+
<li>Create a new <ainterface>DOMPoint</a><var>point</var> initialized to <aattributefor=DOMPoint>x</a>, <aattributefor=DOMPoint>y</a>, <aattributefor=DOMPoint>z</a> and <aattributefor=DOMPoint>w</a> of the current point.</li>
128
+
<li><i>Post-multiply</i><var>point</var> with <var>matrix</var>.</li>
129
+
<li>Return <var>point</var>.</li>
130
+
</ol>
131
+
<p><a>matrixTransform()</a> does not modify the current <ainterface>DOMPointReadOnly</a> object and returns a new <ainterface>DOMPoint</a> object.
132
+
<divclass='example'>
133
+
<p>In this example the method <amethod>matrixTransform()</a> on <var>point</var> is called with a <ainterface>DOMMatrix</a> argument <var>matrix</var>.</p>
134
+
<pre><code>var point = new DOMPoint(5, 4);
136
135
var matrix = new DOMMatrix(2, 0, 0, 2, 10, 10);
137
136
var transformedPoint = point.matrixTransform(matrix);
138
-
</code></pre>
139
-
<p><var>point</var> creates a new <ainterface>DOMPoint</a> object initialized to the same attribute values as <var>point</var>. This new <ainterface>DOMPoint</a> is now scaled and the translated by <var>matrix</var>. This resulting <var>transformPoint</var> has the attribute values <code>x: 20</code> and <code>y: 18</code>.</p>
140
-
</div>
141
-
</dd>
142
-
</dl>
137
+
</code></pre>
138
+
<p><var>point</var> creates a new <ainterface>DOMPoint</a> object initialized to the same attribute values as <var>point</var>. This new <ainterface>DOMPoint</a> is now scaled and the translated by <var>matrix</var>. This resulting <var>transformPoint</var> has the attribute values <code>x: 20</code> and <code>y: 18</code>.</p>
139
+
</div>
143
140
144
141
For historical reasons, Window objects must also have a writable, configurable, non-enumerable property named <code>SVGPoint</code> whose value is the <ainterface>DOMPoint</a> interface object.
0 commit comments