Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 与拉斐尔路的接触问题_Javascript_Jquery_Touch_Raphael - Fatal编程技术网

Javascript 与拉斐尔路的接触问题

Javascript 与拉斐尔路的接触问题,javascript,jquery,touch,raphael,Javascript,Jquery,Touch,Raphael,使用触摸时,我对自由线(Raphael)路径有问题。当我徒手画一些东西时,有时在费用线停止之前会有一条直线伸出,并连接到拉斐尔纸的中心点。有人面临过这个问题吗?我附上了一张我面对的屏幕截图,我用红色标记了连接到拉斐尔画纸中心的不需要的线条 更新:已创建 更新2:注意到这个问题发生在android浏览器中,当绘制时间稍长时。即使我只是在画布上触摸几秒钟,触摸点也会通过创建一条线连接到中心,当这种情况发生时,屏幕会闪烁。所以,我认为这和触摸事件有关,当它触摸几秒钟的时候 var board = $(

使用触摸时,我对自由线(Raphael)路径有问题。当我徒手画一些东西时,有时在费用线停止之前会有一条直线伸出,并连接到拉斐尔纸的中心点。有人面临过这个问题吗?我附上了一张我面对的屏幕截图,我用红色标记了连接到拉斐尔画纸中心的不需要的线条

更新:已创建

更新2:注意到这个问题发生在android浏览器中,当绘制时间稍长时。即使我只是在画布上触摸几秒钟,触摸点也会通过创建一条线连接到中心,当这种情况发生时,屏幕会闪烁。所以,我认为这和触摸事件有关,当它触摸几秒钟的时候

var board = $("#board");
board.bind("mousedown", _mousedownHandler);
        board.bind("touchstart", _mousedownHandler);
function _drawFreeLineBegin(x, y) {
        board.lineEl.path = _drawOptions.paper.path("M"
                + (x - _drawOptions.offset.left) + ","
                + (y - _drawOptions.offset.top));
        _setNewElementProperties(board.lineEl.path,
                Configuration.getProperties("freeLine"));
            board.bind("mousemove.mmu", _mousemoveHandler);
        board.one("mouseup.mmu", _mouseupHandler);
        board.bind("touchmove.mmu", _mousemoveHandler);
        board.one("touchend.mmu", _mouseupHandler);
    }
function _mousedownHandler(event) {
if(event.type == "touchstart"){
            event = event.originalEvent.touches\[0\];
        }
_drawFreeLineBegin(event.pageX, event.pageY);
return false;
}

    function _mousemoveHandler(event) {
    if(event.type == "touchmove"){
            event = event.originalEvent.touches\[0\];
        }
    board.lineEl.path
                        .attr(
                                "path",
                                board.lineEl.path.attr("path")
                                        + "L"
                                        + (event.pageX - )
                                        + ","
                                        + (event.pageY ));
                return true;

}

function _mouseupHandler(event) {
board.unbind(".mmu");
 board.lineEl.path = null;
    event.stopPropagation();
    event.preventDefault();
}