{"id":24812,"date":"2021-05-25T13:49:00","date_gmt":"2021-05-25T10:49:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24812"},"modified":"2021-10-18T02:13:44","modified_gmt":"2021-10-17T23:13:44","slug":"comment-telecharger-et-recadrer-une-image-dans-laravel-a-l-aide-d-imgareaselect-et-de-la-bibliotheque-d-images-d-intervention","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-telecharger-et-recadrer-une-image-dans-laravel-a-l-aide-d-imgareaselect-et-de-la-bibliotheque-d-images-d-intervention\/","title":{"rendered":"Comment t\u00e9l\u00e9charger et recadrer une image dans Laravel \u00e0 l’aide d’imgAreaSelect et de la biblioth\u00e8que d’images d’intervention"},"content":{"rendered":"

R\u00e9cemment, l’un de nos lecteurs a demand\u00e9 d’\u00e9crire un article sur le t\u00e9l\u00e9chargement et le recadrage d’images dans Laravel. Dans le pass\u00e9, j’ai publi\u00e9 l’article sur le m\u00eame sujet pour PHP Upload, Crop and Resize Image in PHP<\/a>. Mais quand il s’agit de Laravel, nous devons apporter des modifications conform\u00e9ment aux normes de Laravel. Dans cet article, nous \u00e9tudions comment t\u00e9l\u00e9charger et recadrer des images dans Laravel.<\/p>\n

Pour ce tutoriel, je vais utiliser 2 biblioth\u00e8ques – imgAreaSelect et Intervention Image.<\/p>\n

imgAreaSelect<\/a> est un plugin jQuery qui permet de recadrer des images en s\u00e9lectionnant une zone rectangulaire d’une image. C’est un plugin l\u00e9ger et facile \u00e0 utiliser.<\/p>\n

D’autre part, Intervention Image<\/a> est une biblioth\u00e8que de traitement et de manipulation d’images. Cette biblioth\u00e8que nous aide \u00e0 cr\u00e9er, \u00e9diter et composer des images c\u00f4t\u00e9 serveur.<\/p>\n

Dans ce didacticiel, j’utiliserai imgAreaSelect pour obtenir les coordonn\u00e9es de l’image recadr\u00e9e et la biblioth\u00e8que d’images d’intervention pour recadrer r\u00e9ellement l’image c\u00f4t\u00e9 serveur selon les coordonn\u00e9es.<\/p>\n

Commencer<\/h3>\n

Pour commencer, vous devriez avoir install\u00e9 le Laravel. Si vous ne l’avez pas encore cr\u00e9\u00e9, installez-le via la commande\u00a0:<\/p>\n

composer create-project --prefer-dist laravel\/laravel laravel-dev<\/code><\/pre>\n
La commande ci-dessus configurera le projet Laravel appel\u00e9 ‘laravel-dev’ pour vous.<\/p>\n
Ensuite, installez la biblioth\u00e8que d’images Intervention dans votre projet Laravel. Ex\u00e9cutez la commande ci-dessous \u00e0 partir du r\u00e9pertoire racine du projet.<\/p>\n
composer require intervention\/image<\/code><\/pre>\n
Apr\u00e8s avoir install\u00e9 la biblioth\u00e8que, ouvrez le config\/app.php<\/code>fichier et ajoutez-y les lignes suivantes.<\/p>\n
Ajoutez les fournisseurs de services pour ce package dans le $providers<\/code>tableau.<\/p>\n
InterventionImageImageServiceProvider::class<\/code><\/pre>\n
Ajoutez la fa\u00e7ade au $aliases<\/code>tableau.<\/p>\n
'Image' => InterventionImageFacadesImage::class<\/code><\/pre>\n
Enfin, t\u00e9l\u00e9chargez le plugin imgAreaSelect<\/a>. \u00c0 partir du zip t\u00e9l\u00e9charg\u00e9, copiez les images, CSS, fichier JS et collez-les dans le dossier public du projet Laravel. Fondamentalement, votre structure devrait ressembler \u00e0 la capture d’\u00e9cran ci-dessous.<\/p>\n
\"Comment<\/a><\/p>\n
Comment utiliser imgAreaSelect<\/h3>\n
Comme nous allons utiliser CSS et JS du plugin imgAreaSelect, construisons une structure pour cela. Cr\u00e9ez un resources\/views\/layouts\/app.blade.php<\/code>fichier et ajoutez-y le code ci-dessous.<\/p>\n
<!DOCTYPE html>\n<html lang=\"{{ app()->getLocale() }}\">\n<head>\n\u00a0\u00a0\u00a0\u00a0<meta charset=\"utf-8\">\n\u00a0\u00a0\u00a0\u00a0<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n\u00a0\u00a0\u00a0\u00a0<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0<!-- CSRF Token -->\n\u00a0\u00a0\u00a0\u00a0<meta name=\"csrf-token\" content=\"{{ csrf_token() }}\">\n\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0<title>{{ config('app.name', 'Laravel') }}<\/title>\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0@yield('style')\n<\/head>\n<body>\n\u00a0\u00a0\u00a0\u00a0<div id=\"app\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0@yield('content')\n\u00a0\u00a0\u00a0\u00a0<\/div>\n\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0@yield('footer')\n<\/body>\n<\/html><\/code><\/pre>\n
Ce fichier agit comme un fichier commun pour toutes les lames. En utilisant les espaces r\u00e9serv\u00e9s (@yield<\/code>), on peut placer le code dans le fichier blade aux endroits respectifs comme dans l’en-t\u00eate, le pied de page, etc.<\/p>\n
Cr\u00e9ez un image.blade.php<\/code>fichier dans le resources\/views<\/code>r\u00e9pertoire. Ce fichier lame aura le code suivant.<\/p>\n
image.lame.php<\/strong><\/p>\n
@extends('layouts.app')\n\u00a0\u00a0\n@section('style')\n\u00a0\u00a0\u00a0\u00a0<link rel=\"stylesheet\" href=\"{{ asset('css\/imgareaselect.css') }}\" \/>\n@endsection\n\u00a0\u00a0\n@section('content')\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0@if(session('success'))\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div class=\"alert alert-success\">{{session('success')}}<\/div>\n\u00a0\u00a0\u00a0\u00a0@endif\n\u00a0\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0<div class=\"container mt-5\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<form action=\"{{ url('image') }}\" method=\"post\" enctype=\"multipart\/form-data\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div class=\"form-group\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<label for=\"exampleInputImage\">Image:<\/label>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"file\" name=\"profile_image\" id=\"exampleInputImage\" class=\"image\" required>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"x1\" value=\"\" \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"y1\" value=\"\" \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"w\" value=\"\" \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"h\" value=\"\" \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{{ csrf_field() }}\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<button type=\"submit\" class=\"btn btn-primary\">Submit<\/button>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/form>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div class=\"row mt-5\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<p><img id=\"previewimage\" style=\"display:none;\"\/><\/p>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0@if(session('path'))\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<img src=\"{{ session('path') }}\" \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0@endif\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/div>\n\u00a0\u00a0\u00a0\u00a0<\/div>\n@endsection\n\u00a0\n@section('footer')\n\u00a0\u00a0\u00a0\u00a0<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js\"><\/script>\n\u00a0\u00a0\u00a0\u00a0<script src=\"{{ asset('js\/jquery.imgareaselect.min.js') }}\"><\/script>\n\u00a0\u00a0\u00a0\u00a0<script>\n\u00a0\u00a0\u00a0\u00a0jQuery(function($) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var p = $(\"#previewimage\");\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(\"body\").on(\"change\", \".image\", function(){\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var imageReader = new FileReader();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0imageReader.readAsDataURL(document.querySelector(\".image\").files[0]);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0imageReader.onload = function (oFREvent) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0p.attr('src', oFREvent.target.result).fadeIn();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0};\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('#previewimage').imgAreaSelect({\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0onSelectEnd: function (img, selection) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('input[name=\"x1\"]').val(selection.x1);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('input[name=\"y1\"]').val(selection.y1);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('input[name=\"w\"]').val(selection.width);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('input[name=\"h\"]').val(selection.height);\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0<\/script>\n@endsection<\/code><\/pre>\n
Vous avez peut-\u00eatre remarqu\u00e9 des \u00e9l\u00e9ments du fichier ci-dessus comme @extends('layouts.app')<\/code>, @section('style')<\/code>, @section('content')<\/code>, etc. Ces sections iront aux emplacements respectifs de app.blade.php<\/code>. L’utilisateur peut s’en faire une meilleure id\u00e9e en visualisant la source de cette page dans le navigateur.<\/p>\n
Pour appeler cette vue, cr\u00e9ez un contr\u00f4leur \u00e0 l’aide de la commande\u00a0:<\/p>\n
php artisan make:controller ImageController --resource<\/code><\/pre>\n
Ajoutez la r\u00e9f\u00e9rence de ce contr\u00f4leur dans le fichier de route.<\/p>\n
itin\u00e9raires\/web.php<\/strong><\/p>\n
Route::resource('image', 'ImageController');<\/code><\/pre>\n
Ouvrez le ‘ImageController’ dans l’\u00e9diteur et \u00e0 la m\u00e9thode ‘index’ appelez le fichier de vue.<\/p>\n
<?php\n\u00a0\nnamespace AppHttpControllers;\n\u00a0\nuse IlluminateHttpRequest;\nuse Image;\n\u00a0\nclass ImageController extends Controller\n{\n\u00a0\u00a0\u00a0\u00a0\/**\n\u00a0\u00a0\u00a0\u00a0\u00a0* Display a listing of the resource.\n\u00a0\u00a0\u00a0\u00a0\u00a0*\n\u00a0\u00a0\u00a0\u00a0\u00a0* @return IlluminateHttpResponse\n\u00a0\u00a0\u00a0\u00a0\u00a0*\/\n\u00a0\u00a0\u00a0\u00a0public function index()\n\u00a0\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return view('image');\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0.....\n}<\/code><\/pre>\n
Ex\u00e9cutez la php artisan serve<\/code>commande et vous pourrez voir votre formulaire \u00e0 l’URL ci-dessous.<\/p>\n
http:\/\/localhost:8000\/image<\/code><\/pre>\n
Lorsque vous t\u00e9l\u00e9chargez l’image, vous devriez voir l’image d’aper\u00e7u sous le formulaire. \u00c0 partir de cet aper\u00e7u, vous pouvez s\u00e9lectionner une partie de l’image que vous souhaitez recadrer.<\/p>\n
<\/a><\/p>\n
T\u00e9l\u00e9charger et recadrer l’image \u00e0 l’aide de la biblioth\u00e8que d’images d’intervention<\/h3>\n
\u00c0 ce stade, nous avons termin\u00e9 avec le code c\u00f4t\u00e9 client o\u00f9 l’utilisateur peut choisir une partie de l’image qu’il souhaite recadrer. La t\u00e2che suivante consiste \u00e0 recadrer l’image et \u00e0 la stocker sur le serveur. Pour stocker une image sur un serveur, j’utiliserai la fonction de stockage Laravel o\u00f9 nous cr\u00e9ons un lien symbolique d’un dossier \u00ab\u00a0stockage\u00a0\u00bb. Pour cr\u00e9er un lien symbolique, ex\u00e9cutez la commande\u00a0:<\/p>\n
php artisan storage:link<\/code><\/pre>\n
Cette commande cr\u00e9e un r\u00e9pertoire \u00ab\u00a0stockage\u00a0\u00bb dans le dossier \u00ab\u00a0public\u00a0\u00bb.<\/p>\n
Dans notre contr\u00f4leur, nous avons d\u00e9j\u00e0 inclus une fa\u00e7ade use Image;<\/code>, vous pouvez donc utiliser la biblioth\u00e8que d’images Intervention pour recadrer l’image c\u00f4t\u00e9 serveur. La store()<\/code>m\u00e9thode du contr\u00f4leur devrait avoir un code comme ci-dessous\u00a0:<\/p>\n
\/**\n\u00a0* Store a newly created resource in storage.\n\u00a0*\n\u00a0* @param\u00a0 IlluminateHttpRequest\u00a0 $request\n\u00a0* @return IlluminateHttpResponse\n\u00a0*\/\npublic function store(Request $request)\n{\n\u00a0\u00a0\u00a0\u00a0if($request->hasFile('profile_image')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/get filename with extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filenamewithextension = $request->file('profile_image')->getClientOriginalName();\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/get filename without extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filename = pathinfo($filenamewithextension, PATHINFO_FILENAME);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/get file extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$extension = $request->file('profile_image')->getClientOriginalExtension();\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/filename to store\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filenametostore = $filename.'_'.time().'.'.$extension;\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/Upload File\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$request->file('profile_image')->storeAs('public\/profile_images', $filenametostore);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if(!file_exists(public_path('storage\/profile_images\/crop'))) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0mkdir(public_path('storage\/profile_images\/crop'), 0755);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ crop image\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img = Image::make(public_path('storage\/profile_images\/'.$filenametostore));\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$croppath = public_path('storage\/profile_images\/crop\/'.$filenametostore);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img->crop($request->input('w'), $request->input('h'), $request->input('x1'), $request->input('y1'));\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img->save($croppath);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ you can save crop image path below in database\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$path = asset('storage\/profile_images\/crop\/'.$filenametostore);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return redirect('image')->with(['success' => \"Image cropped successfully.\", 'path' => $path]);\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n
Dans ce code, nous stockons une version recadr\u00e9e d’une image dans le r\u00e9pertoire ‘public\/storage\/profile_images\/crop’. Apr\u00e8s l’avoir stock\u00e9, nous passons un chemin de l’image recadr\u00e9e vers la vue. Et dans le fichier de vue, nous avons d\u00e9j\u00e0 ajout\u00e9 un code qui affiche l’image recadr\u00e9e \u00e0 l’utilisateur final.<\/p>\n
D\u00e9finir la largeur maximale sur l’image<\/h3>\n
Parfois, les utilisateurs peuvent vouloir d\u00e9finir la largeur maximale pour la version recadr\u00e9e d’une image. Le plugin imgAreaSelect fournit plusieurs options comme aspectRatio, maxWidth, maxHeight, etc. pour personnaliser le r\u00e9sultat final d’une image. Un utilisateur peut utiliser l’option maxWidth en modifiant le code JavaScript comme suit\u00a0:<\/p>\n
$('#previewimage').imgAreaSelect({\n\u00a0\u00a0\u00a0\u00a0maxWidth: '1000', \/\/ this value is in pixels\n\u00a0\u00a0\u00a0\u00a0onSelectEnd: function (img, selection) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('input[name=\"x1\"]').val(selection.x1);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('input[name=\"y1\"]').val(selection.y1);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('input[name=\"w\"]').val(selection.width);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('input[name=\"h\"]').val(selection.height);\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \n\u00a0\u00a0\u00a0\u00a0}\n});<\/code><\/pre>\n
Il s’agit de t\u00e9l\u00e9charger et de recadrer des images dans Laravel. J’esp\u00e8re que vous avez appris \u00e0 g\u00e9rer la t\u00e2che de recadrage d’images. J’aimerais entendre vos pens\u00e9es et suggestions dans la section des commentaires ci-dessous.<\/p>\n
Articles Li\u00e9s<\/h4>\n