colors

lonelydatum · Mar 6, 2017 · 9132984 · 9132984
1 parent 2372053
commit 9132984
Show file tree

Hide file tree

Showing 13 changed files with 63 additions and 48 deletions.
diff --git a/dist/index.umd.js b/dist/index.umd.js
diff --git a/dist/index.umd.js.map b/dist/index.umd.js.map
diff --git a/dist/index.umd.min.js b/dist/index.umd.min.js
diff --git a/dist/index.umd.min.js.map b/dist/index.umd.min.js.map
diff --git a/docs/asset-manifest.json b/docs/asset-manifest.json
@@ -1,4 +1,4 @@
 {
-  "main.js": "./static/js/main.dc6ffe13.js",
-  "main.js.map": "./static/js/main.dc6ffe13.js.map"
+  "main.js": "static/js/main.3642a99f.js",
+  "main.js.map": "static/js/main.3642a99f.js.map"
 }
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Diplomata+SC" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Sirin+Stencil" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Arvo" rel="stylesheet"><link rel="shortcut icon" href="/handwrite/favicon.ico"><title>npm install handwrite</title></head><body><div id="root"></div><script type="text/javascript" src="/handwrite/./static/js/main.dc6ffe13.js"></script></body><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/default.min.css"><script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script><script>hljs.initHighlightingOnLoad()</script></html>
+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Diplomata+SC" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Sirin+Stencil" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Arvo" rel="stylesheet"><link rel="shortcut icon" href="/handwrite/favicon.ico"><title>npm install handwrite</title></head><body><div id="root"></div><script type="text/javascript" src="/handwrite/static/js/main.3642a99f.js"></script></body><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/default.min.css"><script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script><script>hljs.initHighlightingOnLoad()</script></html>
diff --git a/docs/static/js/main.3642a99f.js b/docs/static/js/main.3642a99f.js
diff --git a/docs/static/js/main.3642a99f.js.map b/docs/static/js/main.3642a99f.js.map
diff --git a/docs/static/js/main.dc6ffe13.js b/docs/static/js/main.dc6ffe13.js
diff --git a/docs/static/js/main.dc6ffe13.js.map b/docs/static/js/main.dc6ffe13.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "handwrite",
-  "version": "1.7.0",
+  "version": "1.8.2",
   "description": "creates masking effect that looks like handwriting",
   "main": "dist/index.umd.js",
   "scripts": {

diff --git a/src/Handwrite.js b/src/Handwrite.js
@@ -39,6 +39,7 @@ class Handwrite {
 
 			if(pos) {
 				this.drawArt(pos, this.options.brushSize)
+
 			} else {
 
 				this.onDoneForever()
@@ -70,10 +71,17 @@ class Handwrite {
 
 
 	drawArt(pos) {
-		Circle(this.ctxMask, pos.x, pos.y, this.options.brushSize)
-		if(this.options.cleanFromBehind) {
-			this.ctxMask.fillRect(0,0,pos.x-30, this.HEIGHT)
+		if(pos){
+			Circle(this.ctxMask, pos.x, pos.y, this.options.brushSize)
+
+			if(this.options.cleanFromBehind) {
+				this.ctxMask.fillRect(0,0,pos.x-30, this.HEIGHT)
+			}
 		}
+
+
+
+
 		this.ctxArt.clearRect(0, 0, this.WIDTH, this.HEIGHT)
 		this.ctxArt.drawImage(this.canvasMask, 0, 0);
 		this.ctxArt.save();
@@ -84,10 +92,11 @@ class Handwrite {
 
 	onDoneForever() {
 		if(this.options.cleanUpWhenDone) {
+			this.ctxMask.fillStyle = "#31B131"
 			this.ctxMask.fillRect(0,0,this.WIDTH, this.HEIGHT)
+			this.drawArt()
 		}
 		clearInterval(this.interval)
-		// this.drawArt()
 	}
 }
 

diff --git a/src/dev.js b/src/dev.js
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Diplomata+SC" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Sirin+Stencil" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Arvo" rel="stylesheet"><link rel="shortcut icon" href="/handwrite/favicon.ico"><title>npm install handwrite</title></head><body><div id="root"></div><script type="text/javascript" src="/handwrite/./static/js/main.dc6ffe13.js"></script></body><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/default.min.css"><script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script><script>hljs.initHighlightingOnLoad()</script></html>
		<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Diplomata+SC" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Sirin+Stencil" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Arvo" rel="stylesheet"><link rel="shortcut icon" href="/handwrite/favicon.ico"><title>npm install handwrite</title></head><body><div id="root"></div><script type="text/javascript" src="/handwrite/static/js/main.3642a99f.js"></script></body><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/default.min.css"><script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script><script>hljs.initHighlightingOnLoad()</script></html>