(fix): void _resizeCanvas if width/height are props

- the previous behavior of automatically editing the width
  and height resulted in multiple unintended problems
  - particularly, it would cause the width/height to be 0
    if the canvas were under a display: none element,
    and therefore unusable until the window were resized

- now it conditionally sets width/height only if canvasProps'
  did not have a width/height inside of it

- push v0.1.3

Author: agilgur5

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-signature-canvas",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "A signature pad implementation in React",
   "main": "build/index.js",
   "scripts": {

src/index.js

@@ -84,15 +84,26 @@ export default class SignatureCanvas extends Component {
   isEmpty = () => this._isEmpty
 
   _resizeCanvas = () => {
-    var ctx = this._ctx,
-        canvas = this._canvas;
-    // When zoomed out to less than 100%, for some very strange reason,
-    // some browsers report devicePixelRatio as less than 1
-    // and only part of the canvas is cleared then.
-    var ratio =  Math.max(window.devicePixelRatio || 1, 1);
-    canvas.width = canvas.offsetWidth * ratio;
-    canvas.height = canvas.offsetHeight * ratio;
-    ctx.scale(ratio, ratio);
+    let canvasProps = this.props.canvasProps || {}
+    let {width, height} = canvasProps
+
+    let ctx = this._ctx
+    let canvas = this._canvas
+    /* When zoomed out to less than 100%, for some very strange reason,
+      some browsers report devicePixelRatio as less than 1
+      and only part of the canvas is cleared then. */
+    let ratio =  Math.max(window.devicePixelRatio || 1, 1)
+
+    // only change width/height if none has been passed in as a prop
+    if (!width) {
+      canvas.width = canvas.offsetWidth * ratio
+    }
+    if (!height) {
+      canvas.height = canvas.offsetHeight * ratio
+    }
+    if(!width || !height) {
+      ctx.scale(ratio, ratio)
+    }
   }
 
   _reset = () => {