From d985f9b09ec7111cc0733a68b1dfdfe1a12cc54d Mon Sep 17 00:00:00 2001 From: Jeremy Ruston Date: Sun, 1 Apr 2012 09:59:49 +0100 Subject: [PATCH] Added touch support to bitmap editor --- js/macros/edit.js | 25 ++++++++++++++++++++++++- 1 file changed, 24 insertions(+), 1 deletion(-) diff --git a/js/macros/edit.js b/js/macros/edit.js index 6b01041e8..0d1431495 100644 --- a/js/macros/edit.js +++ b/js/macros/edit.js @@ -34,6 +34,29 @@ BitmapEditor.prototype.renderInDom = function() { BitmapEditor.prototype.addEventHandlers = function() { var self = this; + this.macroNode.domNode.addEventListener("touchstart",function(event) { + self.brushDown = true; + event.preventDefault(); + event.stopPropagation(); + return false; + },false); + this.macroNode.domNode.addEventListener("touchmove",function(event) { + if(self.brushDown) { + self.moveTo(event.touches[0].clientX,event.touches[0].clientY); + } + event.preventDefault(); + event.stopPropagation(); + return false; + },false); + this.macroNode.domNode.addEventListener("touchend",function(event) { + if(self.brushDown) { + self.brushDown = false; + self.saveChanges(); + } + event.preventDefault(); + event.stopPropagation(); + return false; + },false); this.macroNode.domNode.addEventListener("mousedown",function(event) { self.brushDown = true; event.stopPropagation(); @@ -71,7 +94,7 @@ BitmapEditor.prototype.saveChanges = function() { var tiddler = this.macroNode.store.getTiddler(this.macroNode.tiddlerTitle); if(tiddler) { // data URIs look like "data:;base64," - var dataURL = this.macroNode.content[0].domNode.toDataURL(tiddler.type), + var dataURL = this.macroNode.content[0].domNode.toDataURL(tiddler.type,0.95), posColon = dataURL.indexOf(":"), posSemiColon = dataURL.indexOf(";"), posComma = dataURL.indexOf(","),