storing context settings before scaling and restore after

README.md

@@ -1,6 +1,6 @@
 canvas-text-wrapper
 =================
-##v0.6.3
+## v0.6.4
 
 
 ## Syntax
@@ -63,8 +63,8 @@ CanvasTextWrapper(canvas, "Hello");    // default options will apply
 ```
 
 ## Test
-In terminal go to ```canvas-text-wrapper``` folder do ```npm i``` and run ```npm t```
-
+In terminal go to ```canvas-text-wrapper``` folder do ```npm i``` and run ```npm t```. 
+NOTE: Test requires ```beefy``` to be installed globally [beefy](http://didact.us/beefy/)
 
 ## Examples
 [see here](http://namniak.github.io/canvas-text-wrapper/)

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "canvas-text-wrapper",
-  "version": "0.5.1",
+  "version": "0.6.4",
   "ignore": [
     "**/.*",
     "**/*.log",

canvas-text-wrapper.js

@@ -1,6 +1,6 @@
 /*! canvas-text-wrapper
  *  https://github.com/namniak/canvas-text-wrapper
- *  Version:  0.6.3
+ *  Version:  0.6.4
  *  MIT License (http://www.opensource.org/licenses/mit-license.html)
  */
 
@@ -38,8 +38,13 @@
 
     var scale = 1;
     if (opts.renderHDPI && window.devicePixelRatio) {
-	    var lineWidth = context.lineWidth;
-	    var strokeStyle = context.strokeStyle;
+      var tempCtx = {};
+
+      // store context settings in a temp object before scaling otherwise they will be lost
+      for (var key in context) {
+        tempCtx[key] = context[key];
+      }
+
       var canvasWidth = canvas.width;
       var canvasHeight = canvas.height;
       scale = window.devicePixelRatio;
@@ -50,8 +55,14 @@
       canvas.style.height = canvasHeight * scale * 0.5 + 'px';
       context.scale(scale, scale);
 
-	    context.lineWidth = lineWidth;
-	    context.strokeStyle = strokeStyle;
+      // restore context settings
+      for (var key in tempCtx) {
+        try {
+          context[key] = tempCtx[key];
+        } catch (e) {
+
+        }
+      }
     }
 
     var EL_WIDTH = (!opts.fitParent ? canvas.width : canvas.parentNode.clientWidth) / scale;
@@ -285,8 +296,8 @@
       if (typeof opts.strokeText !== 'boolean')
         throw new TypeError('Property "strokeText" must be a Boolean.');
 
-	    if (typeof opts.renderHDPI !== 'boolean')
-		    throw new TypeError('Property "renderHDPI" must be a Boolean.');
+      if (typeof opts.renderHDPI !== 'boolean')
+        throw new TypeError('Property "renderHDPI" must be a Boolean.');
     }
   }
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "canvas-text-wrapper",
   "description": "Split canvas text into lines on specified rule with optional alignment, padding, and more. Supports HDPI screens.",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "license": "MIT",
   "main": "canvas-text-wrapper.min.js",
   "keywords": [