我想在jquery中使用imgareaselect

我是新来的jquery.and我的新任务是“imgareaselect在jquery中”。我指的是THIS。但我缺乏理解逻辑的地方。请帮我现在我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

欢迎来到SO。任何代码？你尝试过什么吗？ – 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

回答

相关问题