jquery에서 imgareaselect를 사용하고 싶습니다.

jquery.and에서 새 작업이 "imgareaselect in jquery"입니다. THIS을 참조하고 있습니다. 하지만 논리를 이해할 곳이 부족합니다. PLS 지금 내 coading이 날 "imgareaselect"jquery에서 imgareaselect를 사용하고 싶습니다.

을 만드는 데 도움이 :

<!DOCTYPE html> 
    <html> 
    <head> 
    <script src="http://odyniec.net/projects/imgareaselect/jquery.imgareaselect.pack.js">  </script> 
     <script src="http://odyniec.net/projects/imgareaselect/css/imgareaselect-animated.css"></script> 
     <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
    </head> 
    <body> 
     <img id="photo" src="https://www.google.com/images/srpr/logo11w.png" /> 
     <script> 
      $('img#photo').imgAreaSelect({ 
      handles: true, 
      onSelectEnd: function (img, selection) { 
      alert('width: ' + selection.width + '; height: ' + selection.height); 
      } 
     }); 
     </script> 
     </body> 
    </html>

출처

2013-12-12 sonalgoyal

안녕하세요. 어떤 코드? 너 뭔가 해봤 니? – Vishwas

실제로이 HTML 코드를 준비 할 수 없습니다 ... 1 : 플러그인을 다운로드 한 다음 헤드 섹션에 2 : 링크. 3 : 스크립트 기능. 지금? ..... – sonalgoyal

설명서를 읽었습니까? 입력 상자에 데이터로드가 더 많은 작업을 필요로하는 것은 매우 간단합니다. –

HTML JAVASCRIPT

승/

... 
<head> 
<script src="http://odyniec.net/projects/imgareaselect/jquery.imgareaselect.pack.js"></script> 
<script src="http://odyniec.net/projects/imgareaselect/css/imgareaselect-animated.css"></script> 
</head> 

<body> 

    <img id="photo" src="https://www.google.com/images/srpr/logo11w.png" /> 

    <script> 
    $('img#photo').imgAreaSelect({ 
     handles: true, 
     onSelectEnd: function (img, selection) { 
      alert('width: ' + selection.width + '; height: ' + selection.height); 
     } 
    }); 
    </script> 

</body> 
...

그것을 밖으로 시도하고 fiddle에 대한 실험. 설명서를 읽고 제한 사항을 확인할 수 있습니다.

출처

2013-12-12 07:12:29

제 질문을 편집 해주세요. – sonalgoyal

jquery에서 imgareaselect를 사용하고 싶습니다.

답변

관련 문제