From 1a30167f6a53d9a403d383115b1592d4ecd95e0e Mon Sep 17 00:00:00 2001
From: Guerric Sloan <guerric.sloan@mellmo.com>
Date: Wed, 12 Jun 2013 14:54:46 -0700
Subject: [PATCH] Basic implementation of text-shadow

---
 src/Parse.js | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/Parse.js b/src/Parse.js
index 60f6147..e6fe643 100644
--- a/src/Parse.js
+++ b/src/Parse.js
@@ -79,7 +79,8 @@ _html2canvas.Parse = function (images, options) {
     var align = false,
     bold = getCSS(el, "fontWeight"),
     family = getCSS(el, "fontFamily"),
-    size = getCSS(el, "fontSize");
+    size = getCSS(el, "fontSize"),
+    shadow = getCSS(el, "textShadow");
 
     switch(parseInt(bold, 10)){
       case 401:
@@ -94,6 +95,23 @@ _html2canvas.Parse = function (images, options) {
     ctx.setVariable("font", [getCSS(el, "fontStyle"), getCSS(el, "fontVariant"), bold, size, family].join(" "));
     ctx.setVariable("textAlign", (align) ? "right" : "left");
 
+    if (shadow !== "none") {
+
+      // TODO: better text-shadow parsing
+      var parseShadow = /(rgba\([^)]*\))\s([^\s]*)\s([^\s]*)\s([^\s]*)/;
+      var bits = parseShadow.exec(shadow);
+      var color = bits[1],
+        sX = bits[2].replace('px', ''),
+        sY = bits[3].replace('px', ''),
+        blur = bits[4].replace('px', '');
+
+      // apply the text shadow
+      ctx.setVariable("shadowColor", color);
+      ctx.setVariable("shadowOffsetX", sX);
+      ctx.setVariable("shadowOffsetY", sY);
+      ctx.setVariable("shadowBlur", blur);
+    }
+
     if (text_decoration !== "none"){
       return _html2canvas.Util.Font(family, size, doc);
     }