iPad compatibility

[danamajid]

How can one make this great plugin work properly on the iPad? It almost works perfectly, but the problem is that once you draw a line and do mouseUp, and you want to draw some more, it does that but it erases everything around the new line you are drawing. Seems like there is a white background on the ipad when someone draws.

[leonth]

Hi @dandoen, I came across the same problem and managed to get a workaround. The problem is that somehow iPad did not fire the touchend / touchcancel events properly, so @stopPainting is never called. For the workaround add @stopPainting if @painting before @startPainting at line 185.

I actually added this in the generated javascript, since I'm not really well versed in coffescript:

--- sketch-orig.js  2011-09-11 20:35:08.924501497 +0800
+++ sketch.js   2011-09-11 21:20:16.333971939 +0800
@@ -128,6 +128,9 @@
       switch (e.type) {
         case 'mousedown':
         case 'touchstart':
+          if (this.painting) {
+            this.stopPainting();
+          }
           this.startPainting();
           break;
         case 'mouseup':
@@ -176,4 +179,4 @@
       return this.context.globalCompositeOperation = oldcomposite;
     }
   };
-})(jQuery);
\ No newline at end of file
+})(jQuery);

Let me know if this works for you.

[danamajid]

@leonth, this worked for me! Thanks so much.

[mstanton]

You have saved me hours of debugging, and my Friday night. Thank you!

[husni]

you saved my life 👯 thanks!!!

[pmaoui]

As this project seems to be inactive, I have created a fork with this fix here :
https://github.com/poupougnac/sketch.js

[JeremyKirkham]

However if you then clear the canvas using canvas.sketch().actions = []; and then start writing on the canvas again, it will also draw the last saved line. You will also need to call canvas.sketch().action = []

[james-tw]

What worked for me in the end was calling canvas.sketch().action = null; instead of canvas.sketch().action = []; The latter was working to clear things but breaking my app.

[sferoze]

@poupougnac The fix worked great thanks for the script!

[WooMan]

Hello, i facing problem on this sketch.js as well. when i save in mobile browser, the last sketch of the sketching was unable to saved. while in desktop browser, it can be saved. It seem like, sketch.js unable to catch the last sketch data and pass to the parameter in mobile browser. Anyone can guide me how to solve it ? TQ.