render at 1.5x scale

diff --git a/test.css b/test.css
index 0a3449ae9107b2c97d8fa8b0eb1698d7e4d34ef4..857eed1011a55f02a18b3f567d6e592a2bdd9c44 100644 (file)
--- a/test.css
+++ b/test.css
@@ -26,8 +26,8 @@ span#info {
 #viewer {
     margin: auto;
     border: 1px solid black;
-    width: 8.5in;
-    height: 11in;
+    width: 12.75in;
+    height: 16.5in;
 }
 
 #pageNumber {

diff --git a/test.html b/test.html
index 023cdeec2e14dbe7190a3bc09c3f38f4101085e0..458c502688289c84eadb408bc86897e6053b6a13 100644 (file)
--- a/test.html
+++ b/test.html
@@ -26,8 +26,9 @@
 
     <div id="viewer">
       <!-- Canvas dimensions must be specified in CSS pixels.  CSS pixels
-           are always 96 dpi.  These dimensions are 8.5x11in at 96dpi. -->
-      <canvas id="canvas" width="816" height="1056"></canvas>
+           are always 96 dpi.  816x1056 is 8.5x11in at 96dpi. -->
+      <!-- We're rendering here at 1.5x scale. -->
+      <canvas id="canvas" width="1224" height="1584"></canvas>
     </div>
   </body>
 </html>