Sketch.js pageX未定义错误
我在我的phonegap应用程序中使用了intridea的sketch.js。它可以正常修改
case 'touchstart': if (this.painting) {//add this.stopPainting(); //add }//add this.startPainting(); break;
通过将以上行添加到代码中。但是我得到一个pageX未定义的错误,这会导致我的应用程序崩溃。
01-23 19:53:59.342: E/Web Console(31932): Uncaught TypeError: Cannot read property 'pageX' of undefined at file:///android_asset/www/js/external_libs/sketch.js:107
如何克服这个问题,任何帮助将不胜感激。谢谢
似乎每个人都已经过了jqscribbel.js,但是要用sketch.js直接回答这个问题,你需要检查是否定义了e.originalEvent.targetTouches[0]
。 我还没有挖掘过sketch.js,但是当触发e.originalEvent.targetTouches[0]
事件时,似乎不再定义e.originalEvent.targetTouches[0]
,因此尝试查找未定义的.pageX
会产生错误。 此错误导致整个canvas重新绘制,因此您无法在canvas上绘制多个草图。 要修复此错误,只需添加查找以下两行代码(第100/101行):
e.pageX = e.originalEvent.targetTouches[0].pageX; e.pageY = e.originalEvent.targetTouches[0].pageY;
并替换为
if (e.originalEvent.targetTouches[0] !== undefined && e.originalEvent.targetTouches[0].pageX !== undefined){ e.pageX = e.originalEvent.targetTouches[0].pageX; } if (e.originalEvent.targetTouches[0] !== undefined && e.originalEvent.targetTouches[0].pageY !==undefined){ e.pageY = e.originalEvent.targetTouches[0].pageY; }