From 236fd1d9f2009083fbbfce7190c27fbf1d7c88b8 Mon Sep 17 00:00:00 2001
From: yo mama <pepper@scannerjammer.com>
Date: Fri, 7 Aug 2015 18:33:30 -0700
Subject: getting ready

---
 frontend/impattern/js/preview.js | 47 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 frontend/impattern/js/preview.js

(limited to 'frontend/impattern/js/preview.js')

diff --git a/frontend/impattern/js/preview.js b/frontend/impattern/js/preview.js
new file mode 100644
index 0000000..0800308
--- /dev/null
+++ b/frontend/impattern/js/preview.js
@@ -0,0 +1,47 @@
+function Preview(){
+  var that = this;
+  this.preview_div = document.querySelectorAll('#sample')[0];
+//  this.canvas = document.querySelectorAll('canvas')[0]
+//  this.ctx = this.canvas.getContext('2d');
+  this.pat = ""
+  this._fill_preview = function(pat){
+    this.preview_div.style.background = 'url('+pat+')'
+  }
+//{{{  
+//  this._fill_preview = function(pat){
+//    that.ctx.fillStyle = that.ctx.createPattern(pat, "repeat")
+//    that.ctx.fillRect(
+//      0, 0,
+//      that.canvas.width,
+//      that.canvas.height
+//    )
+//  }
+// }}} 
+  this.from_matrix = function(data){
+    var pat = document.createElement("canvas");
+    pat.height = data.height
+    pat.width = data.width
+    var pat_ctx = pat.getContext('2d')
+    for (var h = 0; h< data.height; h++){
+      for (var i = 0; i < data.width; i++){
+        if (parseInt(data.matrix[h][i])){
+          pat_ctx.fillRect(i, h, 1, 1)
+        }else{
+          pat_ctx.clearRect(i, h, 1, 1)
+        }
+      }
+    }
+    
+    that._fill_preview(pat.toDataURL())
+  }
+  this.from_image = function(url){
+    var pat = document.createElement("img");
+    pat.src = url
+    pat.onload = function(){
+      that._fill_preview(pat.src)
+    }
+  }
+}
+$(document).ready(function(){
+  window.preview_controller = new Preview()
+})
-- 
cgit v1.2.3-70-g09d2