본문 바로가기

Programing (프로그래밍)/PHP 및 그누보드

HTML TOUCH 확대/축소 하기 ( JS / 멀티터치 / multi touch )

728x90
반응형


 HTML TOUCH 확대/축소 하기 ( JS / 멀티터치 / multi touch )



test.zip



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type="text/javascript" src="./js/img-touch-canvas.js"></script>
 
<div id="dictionary" class="Pstyle">
    <div class="popcontent">
        <canvas id="img_area"></canvas>
    </div>
</div>
<script type="text/javascript">
 
    var gesturableImg = new ImgTouchCanvas({
            canvas: document.getElementById('img_area'),
            path: '실제 이미지 경로'
    });
//가로 세로
    document.getElementById("img_area").width = $(window).width();
    document.getElementById("img_area").height = $(window).height();
 
</script>
cs



출처 : https://blog.naver.com/ivory82/220397557884

728x90
반응형