Sketch.js pageX未定义错误

Question

我在我的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

如何克服这个问题，任何帮助将不胜感激。谢谢

Answer 1

似乎每个人都切换到了 jqscribbel.js，但是要直接用 sketch.js 回答这个问题，您需要检查是否定义了 e.originalEvent.targetTouches[0]。我还没有深入研究sketch.js，但是似乎触发了touchup事件时，e.originalEvent.targetTouches[0]不再定义，因此尝试查找未定义的.pageX会出错。此错误会导致重新绘制整个画布，因此您不能在画布上绘制超过 1 个草图。要修复此错误，只需添加以下两行代码（大约第 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;
}