Adding support for page rotation

pdf.js

@@ -2995,7 +2995,7 @@ var Page = (function() {
     inheritPageProp: function(key) {
       var dict = this.pageDict;
       var obj = dict.get(key);
-      while (!obj) {
+      while (typeof obj == 'undefined') {
         dict = this.xref.fetchIfRef(dict.get('Parent'));
         if (!dict)
           break;
@@ -3014,6 +3014,32 @@ var Page = (function() {
       return shadow(this, 'mediaBox',
                     ((IsArray(obj) && obj.length == 4) ? obj : null));
     },
+    get width() {
+      var mediaBox = this.mediaBox;
+      var rotate = this.rotate;
+      var width;
+      if (rotate == 0 || rotate == 180) {
+        width = (mediaBox[2] - mediaBox[0]);
+      } else {
+        width = (mediaBox[3] - mediaBox[1]);
+      }
+      return shadow(this, 'width', width);
+    },
+    get height() {
+      var mediaBox = this.mediaBox;
+      var rotate = this.rotate;
+      var height;
+      if (rotate == 0 || rotate == 180) {
+        height = (mediaBox[3] - mediaBox[1]);
+      } else {
+        height = (mediaBox[2] - mediaBox[0]);
+      }
+      return shadow(this, 'height', height);
+    },
+    get rotate() {
+      var rotate = this.inheritPageProp("Rotate") || 0;
+      return shadow(this, 'rotate', rotate);
+    },
     startRendering: function(canvasCtx, continuation, onerror) {
       var self = this;
       var stats = self.stats;
@@ -3085,8 +3111,9 @@ var Page = (function() {
       var mediaBox = xref.fetchIfRef(this.mediaBox);
       assertWellFormed(IsDict(resources), 'invalid page resources');
       gfx.beginDrawing({ x: mediaBox[0], y: mediaBox[1],
-            width: mediaBox[2] - mediaBox[0],
-            height: mediaBox[3] - mediaBox[1] });
+            width: this.width,
+            height: this.height,
+            rotate: this.rotate });
       gfx.execute(this.code, xref, resources);
       gfx.endDrawing();
     }
@@ -3994,8 +4021,21 @@ var CanvasGraphics = (function() {
     beginDrawing: function(mediaBox) {
       var cw = this.ctx.canvas.width, ch = this.ctx.canvas.height;
       this.ctx.save();
-      this.ctx.scale(cw / mediaBox.width, -ch / mediaBox.height);
-      this.ctx.translate(0, -mediaBox.height);
+      switch (mediaBox.rotate) {
+        case 0:
+          this.ctx.transform(1, 0, 0, -1, 0, ch);
+          break;
+        case 90:
+          this.ctx.transform(0, 1, 1, 0, 0, 0);
+          break;
+        case 180:
+          this.ctx.transform(-1, 0, 0, 1, cw, 0);
+          break;
+        case 270:
+          this.ctx.transform(0, -1, -1, 0, cw, ch);
+          break;
+      }
+      this.ctx.scale(cw / mediaBox.width, ch / mediaBox.height);
     },
 
     compile: function(stream, xref, resources, fonts) {

test/driver.js

@@ -105,8 +105,8 @@ function nextPage(task, loadError) {
 
             var pdfToCssUnitsCoef = 96.0 / 72.0;
             // using mediaBox for the canvas size
-            var pageWidth = (page.mediaBox[2] - page.mediaBox[0]);
-            var pageHeight = (page.mediaBox[3] - page.mediaBox[1]);
+            var pageWidth = page.width;
+            var pageHeight = page.height;
             canvas.width = pageWidth * pdfToCssUnitsCoef;
             canvas.height = pageHeight * pdfToCssUnitsCoef;
             clear(ctx);

test/test_manifest.json

@@ -75,5 +75,10 @@
        "link": true,
        "rounds": 1,
        "type": "load"
+    },
+    {  "id": "rotation",
+       "file": "pdfs/rotation.pdf",
+       "rounds": 1,
+       "type": "load"
     }
 ]

web/viewer.js

@@ -104,10 +104,7 @@ var PDFView = {
     var thumbnails = this.thumbnails = [];
     for (var i = 1; i <= pagesCount; i++) {
       var page = pdf.getPage(i);
-      var mediaBox = page.mediaBox;
-      var width = (mediaBox[2] - mediaBox[0]);
-      var height = (mediaBox[3] - mediaBox[1]);
-      pages.push(new PageView(container, page, i, width, height, page.stats));
+      pages.push(new PageView(container, page, i, page.width, page.height, page.stats));
       thumbnails.push(new ThumbnailView(sidebar, pages[i - 1]));
     };