Utilisez le plug-in jQuery imgAreaSelect pour obtenir les informations sur l'image du domaine sélectionné

Analysons-le d'abord :

(Comment obtenir les valeurs suivantes sera analysé dans l'implémentation spécifique plus tard. Maintenant, nous ne parlons que de la macro)

Comment obtenir les informations d'image de la zone de sélection ? En fait, comment obtient-on cette zone de sélection, sa position dans l'image, et quelle est la taille de cette zone ?

Après avoir indiqué à l'ordinateur la position et la taille, il sait que nous voulons obtenir cette information sur l'image.

(Notre zone de sélection est dans un plan et est une forme régulière, un carré ou un rectangle (communément appelé rectangle))

Taille :

La largeur et la hauteur de cette surface, multipliée par les deux valeurs, correspond à la surface, c'est-à-dire la taille de cette zone. (Cela ne devrait pas être difficile)

Position :

1. Supposons que nous indiquions uniquement à l'ordinateur une [valeur de coordonnée du point de départ] pour cette zone de sélection, et que nous indiquions également à l'ordinateur le [ zone] de cette zone Il y a alors quatre situations qui remplissent ces deux conditions :

"Rouge" est les coordonnées du point de départ de la zone sélectionnée

A, B, C, D, sont dessinés avec du rouge comme zone de sélection de point de départ (la superficie de chaque zone est la même, les coordonnées du point de départ sont également les mêmes, mais il y a quatre situations

1. Supposons que nous disons à l'ordinateur, ceci Les deux valeurs de coordonnées de la zone sélectionnée indiquent également à l'ordinateur la superficie de la zone :

"Rouge" est la coordonnée du point de départ de la zone sélectionnée,

"Bleu" est la valeur de coordonnée du point final horizontal de la zone sélectionnée

"Vert" est la zone de la zone sélectionnée

À ; remplir ces trois conditions en même temps, il n'y a qu'une seule situation possible

Donc, si nous voulons obtenir les informations sur la zone de l'image, nous devons obtenir les trois ci-dessus valeurs

 : deux valeurs de coordonnées de points et une valeur de zone

$('#x1').val(selection.x1);
$('#y1').val(selection.y1);
$('#x2').val(selection.x2);
$('#y2').val(selection.y2);
$('#w').val(selection.width);
$('#h').val(selection.height);

Vous pouvez en obtenir davantage en utilisant le plug-in jQuery imgAreaSelect Veuillez faire attention au site Web PHP chinois pour les articles liés aux informations d'image du domaine sélectionné !