Crop + découper l'image avec CI
Bonjour,
Voilà j'utilise Codeigniter comme base. Depuis quelques jours je m'amuse à créer un script avec JWindowCrop qui permet de redimensionner l'image comme en le souhaite. Exemple ici :
http://www.tmatthew.net/jwindowcrop
J'aimerais l'améliorer pour que je puisse enregistrer l'image, que l'utilisateur a modifié la position, dans un dossier.
Pour cela il me faut les X,Y de l'image. Le problème est ici, je ne sais pas du tout comment je dois faire pour récupérer, les données envoyés en JS (script ci-dessous), pour les transféraient vers PHP. Qui ensuite grâce à cela, je puise les traitées (X,Y) et découper l'image en PHP grâce à Codeigniter.
J'ai essayé d'être le plus claire possible.
Code:
1
2
3
4
5
6
7
8
| <img class="crop_me" alt="" src="<?php echo base_url();?>image.php/<?php echo $user_details['cover'];?>?width=1920&height=1080&image=<?php echo base_url();?>uploads/users/<?php echo $user_details['cover'];?>" />
<div id="results">
<b>X</b>: <span id="crop_x"></span><br />
<b>Y</b>: <span id="crop_y"></span><br />
<b>W</b>: <span id="crop_w"></span><br />
<b>H</b>: <span id="crop_h"></span><br />
</div> |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| $(function() {
$('.crop_me').jWindowCrop({
targetWidth: 500,
targetHeight: 150,
loadingText: 'hello world',
onChange: function(result) {
$('#crop_x').text(result.cropX);
$('#crop_y').text(result.cropY);
$('#crop_w').text(result.cropW);
$('#crop_h').text(result.cropH);
}
});
}); |
Il a un script extérieur mais il est pas important je crois et il est trop long pour que je le poste ici.
Merci beaucoup d'avance et bonne soirée à vous. (Je cherche encore de mon coté)
