From 2f8d80677bf4c61761ff1e616dad2520a69afd86 Mon Sep 17 00:00:00 2001
From: Chris Jones <jones.chris.g@gmail.com>
Date: Fri, 3 Jun 2011 22:52:27 -0500
Subject: [PATCH] implement even-odd fill/clip

---
 pdf.js    | 21 +++++++++++++++++++--
 test.html |  2 +-
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/pdf.js b/pdf.js
index 6d1e50748..acb7c9282 100644
--- a/pdf.js
+++ b/pdf.js
@@ -2229,8 +2229,9 @@ var CanvasGraphics = (function() {
             this.consumePath();
         },
         eoFill: function() {
-            TODO("even-odd fill");
+            var savedFillRule = this.setEOFillRule();
             this.fill();
+            this.restoreFillRule(savedFillRule);
         },
         fillStroke: function() {
             this.ctx.fill();
@@ -2434,10 +2435,15 @@ var CanvasGraphics = (function() {
 
         consumePath: function() {
             if (this.pendingClip) {
+                var savedFillRule = null;
                 if (this.pendingClip == EO_CLIP)
-                    TODO("even-odd clipping");
+                    savedFillRule = this.setEOFillRule();
+
                 this.ctx.clip();
+
                 this.pendingClip = null;
+                if (savedFillRule !== null)
+                    this.restoreFillRule(savedFillRule);
             }
             this.ctx.beginPath();
         },
@@ -2445,6 +2451,17 @@ var CanvasGraphics = (function() {
             var ri = (255 * r) | 0, gi = (255 * g) | 0, bi = (255 * b) | 0;
             return "rgb("+ ri +","+ gi +","+ bi +")";
         },
+        // We generally keep the canvas context set for
+        // nonzero-winding, and just set evenodd for the operations
+        // that need them.
+        setEOFillRule: function() {
+            var savedFillRule = this.ctx.mozFillRule;
+            this.ctx.mozFillRule = "evenodd";
+            return savedFillRule;
+        },
+        restoreFillRule: function(rule) {
+            this.ctx.mozFillRule = rule;
+        }
     };
 
     return constructor;
diff --git a/test.html b/test.html
index 8513529fe..10a35e163 100644
--- a/test.html
+++ b/test.html
@@ -40,7 +40,7 @@ function load() {
     canvas.mozOpaque = true;
     pageDisplay = document.getElementById("pageNumber");
     infoDisplay = document.getElementById("info");
-    open("compressed.tracemonkey-pldi-09.pdf");
+    open("uncompressed.tracemonkey-pldi-09.pdf");
 }
 
 function open(url) {