마우스와 ipad에서 캔버스를 사용할 수 있도록 onMouse와 onTouch를 모으는 방법은 무엇입니까?

은 내가 그것을 아이 패드에 기능을 원하기 때문에 내 코드 내부에 ontouch 설정하는 방법을 혼란에 문제가 있고, 아래에있는 내 코드마우스와 ipad에서 캔버스를 사용할 수 있도록 onMouse와 onTouch를 모으는 방법은 무엇입니까?

<body id="main_body" class="no_guidelines" onload="sig1()" onmouseup="bodyonmouseup">

수 있도록 캔버스에 명확한 선을위한

<script language="javascript"> 
function sig1() 
{ 
    if(sig == null) 
    { 
     xclear('myCanvas'); 
    } 
}

코드 캔버스 서명

,369 같은 라인을 그릴 수 채우기 스타일 색상과

<canvas border=1 id="myCanvas" height=200 width=400 onmousedown="onmousedown()" onmouseup="onmouseup()" onmousemove="onmousemove()">Your browser does not support the application</canvas>

캔버스 기능을 가지고

var sig = null; 
     var ele; 
     function bodyonmouseup(e) 
{ 
    var ele; 
    ele = document.getElementById('myCanvas'); 
    ele.isDown = false; 
} 
function onmousedown(e) 
{ 
    var ele,p; 
    if (!e) e = window.event; 
    ele = (e.srcElement); 
    if (! ele) ele = e.target; 
    ele.isDown = true; 
    ele.context = ele.getContext("2d"); 
    ele.context.lineWidth = 1; 
    ele.context.beginPath(); 
    ele.context.moveTo(e.offsetX,e.offsetY); 
    sig.line = new Array(); 

    p = new Object(); 
    p.x = e.offsetX; 
    p.y = e.offsetY; 

    sig.p = p; 
    sig.line[sig.line.length] = p; 
    sig.lines[sig.lines.length] = sig.line; 
} 
function onmousemove(e) 
{ 
    var ele,dx,dy,p; 
    if (!e) e = window.event; 
    ele = (e.srcElement); 
    if (! ele) ele = e.target; 
    if (! ele.isDown) return; 
    ele.context.lineTo(e.offsetX,e.offsetY); 
    ele.context.stroke(); 
    dx = e.offsetX - sig.p.x; 
    dy = e.offsetY - sig.p.y; 
    if (dx == 0 && dy == 0) return; 
    sig.p = new Object(); 
    sig.p.x = e.offsetX; 
    sig.p.y = e.offsetY; 
    sig.line[sig.line.length] = sig.p; 
}

그래서 저는 onMouse와 ontouch를 모두 갖고 싶습니다. 어떻게 캔버스가 ipad에 그릴 수 있도록 ontouch를 두었습니까? 도와주세요, 긴급합니다

출처

2012-06-21 newbie

내 HTML 서명 (http://jsfiddle.net/mvQRm/1/),보고가 있고 모두가 나에게 도움 – newbie

이 js를 사용하십시오. 손가락이 당신의 쥐가 될 것입니다. 그들은 모든 터치 이벤트를 마우스 이벤트로 변환합니다. 여기

jquery-ui-touch-punch

출처

2012-06-21 07:37:25

덕분에 사람을 줄 수 있기를 바랍니다,하지만 난 여전히 그것을 그릴 수 있습니다 ipad 또는 안드로이드 전화를 입력 한 후 해당 자바 스크립트 – newbie

줄 수있는 코드를 사용하여 내가 줬어? 나에게 기능이 없기 때문에 ... 다시 감사합니다 – newbie

이 줄을 추가하십시오. 그것은 효과가있을 것이다. http://jsfiddle.net/에 코드를 입력해야한다고 생각합니다. 사람들은 당신을 쉽게 도울 수 있습니다. –

마우스와 ipad에서 캔버스를 사용할 수 있도록 onMouse와 onTouch를 모으는 방법은 무엇입니까?

답변

관련 문제