किसी छवि का एक भाग चुनें और jQuery

Question

के साथ इसके निर्देशांक पुनर्प्राप्त करें मुझे उपयोगकर्ता को पारदर्शी आयत को पुनः प्राप्त करके या चयन क्षेत्र को क्लिक करके खींचने के लिए एक छवि के हिस्से का चयन करने के लिए एक तरीका चाहिए (जैसा कि यह desctop ओएस में किया गया है) दोनों मेरे लिए काम करेंगे। तो मुझे jQuery के साथ चयनित क्षेत्र के निर्देशांक पुनर्प्राप्त करने की आवश्यकता है।

कृपया नमूने या टट्स (अगर कोई हैं), विधियों या एपीआई दस्तावेज अनुभागों की मदद कर सकते हैं जो मदद कर सकते हैं। धन्यवाद!

Answer 1

Jcrop और यह जनसंख्या देखें।

<!-- This is the image we're attaching Jcrop to --> 
<img src="demo_files/pool.jpg" id="target" alt="Flowers" /> 

और स्क्रिप्ट: तो आपको लगता है कि कोड की जाँच कर सकते

<script type="text/javascript"> 

jQuery(function($){ 

    $('#target').Jcrop({ 
    onChange: showCoords, 
    onSelect: showCoords 
    }); 

}); 

// Simple event handler, called from onChange and onSelect 
// event handlers to show an alert, as per the Jcrop 
// invocation above 

function showCoords(c) 
{ 
    alert('x='+ c.x +' y='+ c.y +' x2='+ c.x2 +' y2='+ c.y2) 
    alert('w='+c.w +' h='+ c.h) 
}; 

</script>