[cssom-view] Define devicePixelRatio. https://www.w3.org/Bugs/Public/show_bug.cgi?id=23228

Author: Simon Pieters

cssom-view/Overview.html

@@ -16,7 +16,7 @@
 
  <h1>CSSOM View Module</h1>
 
- <h2 class="no-num no-toc" id="w3c-doctype">Editor's Draft 7 October 2013</h2>
+ <h2 class="no-num no-toc" id="w3c-doctype">Editor's Draft 9 October 2013</h2>
 
  <dl>
 
@@ -83,7 +83,7 @@ <h2 class="no-num no-toc" id="sotd">Status of This Document</h2>
 can be found in the <a href="http://www.w3.org/TR/">W3C technical reports
 index at http://www.w3.org/TR/.</a></em>
 
-<p>This is the 7 October 2013 Editor's Draft of CSSOM View. Please send
+<p>This is the 9 October 2013 Editor's Draft of CSSOM View. Please send
 comments to
 <a href="mailto:www-style@w3.org?subject=%5Bcssom-view%5D%20">www-style@w3.org</a>
 (<a href="http://lists.w3.org/Archives/Public/www-style/">archived</a>)
@@ -530,6 +530,7 @@ <h2 id="extensions-to-the-window-interface"><span class="secno">5 </span>Extensi
   readonly attribute double <a href="#dom-window-screeny" title="dom-Window-screenY">screenY</a>;
   readonly attribute double <a href="#dom-window-outerwidth" title="dom-Window-outerWidth">outerWidth</a>;
   readonly attribute double <a href="#dom-window-outerheight" title="dom-Window-outerHeight">outerHeight</a>;
+  readonly attribute double <a href="#dom-window-devicepixelratio" title="dom-Window-devicePixelRatio">devicePixelRatio</a>;
 };</pre>
 
 <p>When the <dfn id="dom-window-matchmedia" title="dom-Window-matchMedia"><code>matchMedia(<var>query</var>)</code></dfn> method is invoked these steps must be run:</p>
@@ -705,6 +706,10 @@ <h2 id="extensions-to-the-window-interface"><span class="secno">5 </span>Extensi
 client window. If there is no client window this
 attribute must return zero. <!--fingerprint--></p>
 
+<p>The <dfn id="dom-window-devicepixelratio" title="dom-Window-devicePixelRatio"><code>devicePixelRatio</code></dfn> attribute must return the result of dividing the size of a CSS pixel at 100%
+zoom by the size of a device pixel of the output device, in one dimension (vertical or horizontal). If the device pixel is not square, then the smaller of the
+vertical or horizontal size of the smallest bounding box of the device pixel must be used.
+
 
 <h4 id="the-features-argument-to-the-open()-method"><span class="secno">5.1 </span>The <var>features</var> argument to the <code title="">open()</code> method</h4>
 
@@ -1069,8 +1074,7 @@ <h2 id="extensions-to-the-element-interface"><span class="secno">7 </span>Extens
  <li><p>If the element is the root element return the value of
  <code title="dom-Window-scrollY"><a href="#dom-window-scrolly">scrollY</a></code>.</li>
  <li><p>If the element is <a href="#the-html-body-element">the HTML <code title="">body</code> element</a>,
- the <code class="external" data-anolis-spec="dom"><a href="http://dom.spec.whatwg.org/#document">Document</a></code> is in <a class="external" data-anolis-spec="dom" href="http://dom.spec.whatwg.org/#concept-document-quirks" title="concept-document-quirks">quirks mode</a>, and the element
- does not have any overflow, return the value of
+ the <code class="external" data-anolis-spec="dom"><a href="http://dom.spec.whatwg.org/#document">Document</a></code> is in <a class="external" data-anolis-spec="dom" href="http://dom.spec.whatwg.org/#concept-document-quirks" title="concept-document-quirks">quirks mode</a>, return the value of
  <code title="dom-Window-scrollY"><a href="#dom-window-scrolly">scrollY</a></code>.</li>
  <li><p>Return the y-coordinate of the <a href="#scrolling-area">scrolling area</a> at the
  alignment point with the top of the <a href="#padding-edge">padding edge</a> of the
@@ -1107,8 +1111,7 @@ <h2 id="extensions-to-the-element-interface"><span class="secno">7 </span>Extens
  <li><p>If the element is the root element return the value of
  <code title="dom-Window-scrollX"><a href="#dom-window-scrollx">scrollX</a></code>.</li>
  <li><p>If the element is <a href="#the-html-body-element">the HTML <code title="">body</code> element</a>,
- the <code class="external" data-anolis-spec="dom"><a href="http://dom.spec.whatwg.org/#document">Document</a></code> is in <a class="external" data-anolis-spec="dom" href="http://dom.spec.whatwg.org/#concept-document-quirks" title="concept-document-quirks">quirks mode</a>, and the element
- does not have any overflow, return the value of
+ the <code class="external" data-anolis-spec="dom"><a href="http://dom.spec.whatwg.org/#document">Document</a></code> is in <a class="external" data-anolis-spec="dom" href="http://dom.spec.whatwg.org/#concept-document-quirks" title="concept-document-quirks">quirks mode</a>, return the value of
  <code title="dom-Window-scrollX"><a href="#dom-window-scrollx">scrollX</a></code>.</li>
  <li><p>Return the x-coordinate of the <a href="#scrolling-area">scrolling area</a> at the
  alignment point with the left of the <a href="#padding-edge">padding edge</a> of the

cssom-view/Overview.src.html

@@ -488,6 +488,7 @@ <h2>Extensions to the <code title>Window</code> Interface</h2>
   readonly attribute double <span title=dom-Window-screenY>screenY</span>;
   readonly attribute double <span title=dom-Window-outerWidth>outerWidth</span>;
   readonly attribute double <span title=dom-Window-outerHeight>outerHeight</span>;
+  readonly attribute double <span title=dom-Window-devicePixelRatio>devicePixelRatio</span>;
 };</pre>
 
 <p>When the <dfn title=dom-Window-matchMedia><code>matchMedia(<var>query</var>)</code></dfn> method is invoked these steps must be run:</p>
@@ -663,6 +664,10 @@ <h2>Extensions to the <code title>Window</code> Interface</h2>
 client window. If there is no client window this
 attribute must return zero. <!--fingerprint--></p>
 
+<p>The <dfn title=dom-Window-devicePixelRatio><code>devicePixelRatio</code></dfn> attribute must return the result of dividing the size of a CSS pixel at 100%
+zoom by the size of a device pixel of the output device, in one dimension (vertical or horizontal). If the device pixel is not square, then the smaller of the
+vertical or horizontal size of the smallest bounding box of the device pixel must be used.
+
 
 <h4>The <var>features</var> argument to the <code title>open()</code> method</h4>