Görüntünün bir bölümünü seçin ve jQuery

Question

ile koordinatlarını alın. Saydam dikdörtgeni yeniden boyutlandırarak veya seçim alanını sürükleyip sürükleyerek (görüntünün işletim sisteminde olduğu gibi) kullanıcının görüntünün bir bölümünü seçmesinin bir yoluna ihtiyacım var, ikisi de benim için çalışacaktı. Daha sonra jQuery ile seçilen alanın koordinatlarını almam gerekiyor.

Lütfen yardımcı olabilecek örnekleri veya tutları (varsa), yöntemleri veya API belge bölümlerini öneririz. Teşekkürler!

Answer 1

Bkz. Jcrop ve bu, demolardır.

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

Ve komut dosyası: Eğer bu kodu kontrol edebilirsiniz böylece

<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>