v0.1.1 - drop copyCanvas dependency

- copyCanvas depended on createCanvas, which uses node-gyp and
  other dependencies to create, which is wildly unnecessary for this
  - added 4 lines of code to do this instead

- also have example's css make the trimmed image have a white
  background color so it's more noticeable (and resembles the drawing
  canvas)
  - didn't know you could use both a background-image and a
    background-color on the same element o.o

Author: agilgur5

example/styles.cssm

@@ -33,4 +33,5 @@ body {
   background-size: 200px 50px;
   width: 200px;
   height: 50px;
+  background-color: white;
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-signature-canvas",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A signature pad implementation in React",
   "main": "build/index.js",
   "scripts": {
@@ -45,7 +45,6 @@
     "react-dom": "^0.14.0 || ^15.0.0"
   },
   "dependencies": {
-    "copy-canvas": "^1.0.0",
     "trim-canvas": "^0.1.0"
   }
 }

src/index.js

@@ -1,5 +1,4 @@
 import React, { Component, PropTypes } from 'react'
-import copyCanvas from 'copy-canvas'
 import trimCanvas from 'trim-canvas'
 
 import Bezier from './bezier.js'
@@ -73,7 +72,13 @@ export default class SignatureCanvas extends Component {
 
   // return a trimmed copy of the canvas
   getTrimmedCanvas = () => {
-    return trimCanvas(copyCanvas(this._canvas))
+    // copy the canvas
+    let copy = document.createElement('canvas')
+    copy.width = this._canvas.width
+    copy.height = this._canvas.height
+    copy.getContext('2d').drawImage(this._canvas, 0, 0)
+    // then trim it
+    return trimCanvas(copy)
   }
 
   isEmpty = () => this._isEmpty