Javascript Pinch 이벤트

JavaScript가 상당히 새로워졌습니다. 이미지를 확대하는 코드를 찾았습니다. 내 질문은 자바 스크립트 코드 아래에 꼬집음 이벤트를 추가하여 이미지가 꼬집음을 기준으로 확장되도록하는 방법입니다. 여기 Javascript Pinch 이벤트

는 HTML 코드

<html> 
<body> 
    <map id="map" name="map"> 
    <area coords="15,92,568,247" alt="Blah" href="javascript:alert('hello');" /> 
    <area coords="18,259,546,432" alt="Blah" href="javascript:alert('hello 2');" /> 
    </map> 
    <input type="button" value="+" onclick="javascript:ZoomIn();"/> 
    <input type="button" value="-" onclick="javascript:ZoomOut();"/><br /> 
    <img src="Highlight cells.png" usemap="#map" id="image" />

자바 스크립트 코드

function ZoomIn() { 
    Zoom(1.1); 
} 

function ZoomOut() { 
    Zoom(0.9); 
} 

function Zoom(amount) { 
    // resize image 
    var image = document.getElementById('image'); 
    image.height = image.height * amount; 

    // resize image map 
    var map = document.getElementById('map'); 
    for (var i = 0; i < map.areas.length; i++) { 
    var area = map.areas[i]; 
    var coords = area.coords.split(','); 
    for (var j = 0; j < coords.length; j++) { 
     coords[j] = coords[j] * amount; 
    } 
    area.coords = coords[0] + ',' + coords[1] + ',' + coords[2] + ',' + coords[3]; 
    } 
}

출처

2016-09-29 JessieBear

http://stackoverflow.com/questions/11183174/simplest-way-to-detect-a-pinch입니다. – ufucuk

당신은 터치 제스처를 구현하기 위해 타사 라이브러리를 사용할 수 있습니다에게 있습니다. 최고의 라이브러리 중 하나는 http://hammerjs.github.io/

출처

2016-09-29 06:28:58 user1837779

Javascript Pinch 이벤트

답변

관련 문제