As imagens consistem em cores, mas às vezes você precisa obter as cores das imagens.
Extrator de paleta de cores
As imagens são compostas por cores. Você pode extrair a paleta hexadecimal de cores dessas imagens. Nesse post, você pode ver como podemos extrair as cores. Além disso, você pode obter a contagem de cores de cada cor.
em primeiro lugar, você precisa de manipulação de imagens e manipulação da biblioteca. Portanto, instale a biblioteca de intervenção . Portanto, execute o comando abaixo no projeto Laravel.
1$ composer require intervention/image
Now, publish vendor into your Laravel application.
1$ php artisan vendor:publish --provider="Intervention\Image\ImageServiceProviderLaravel5"
Installation and Setup
After that, install color extractor library. Similarly, intervation image runs below composer command in the Laravel project.
1$ composer require league/color-extractor:0.3.*
Further, you can use create one model called ImageColor. Hence, it will store image name and color details in the database. Use below command to create a migration for the model.
1$ php artisan make:model Models/ImageColor -m
This will create the Models folder inside Http Folder. And inside that ImageColor.php file. So, you can edit the migration for image colors model.
1Schema::create('image_colors', function (Blueprint $table) {
2 $table->increments('id');
3 $table->string('image_name')->unique();
4 $table->json('image_colors');
5 $table->integer('image_color_count');
6 $table->json('image_most_colors');
Então, agora crie um controlador chamado ColorExtractorController dentro da pasta Http. Como você já criou o controlador, vamos criar uma visualização para upload de imagem. Portanto, crie uma visão dentro da pasta resources / views / admin . Você pode criar um arquivo de acordo com a estrutura do projeto. Antes disso, crie uma rota dentro do arquivo web.php .
1Route::namespace('Admin')->group(function(){
2 Route::resource('color-extractor','ColorExtractorController');
Upload Image
After that below is the view file for upload the image.
1@extends('layouts.admin')
3
class="page-title">Upload Image
11 @if(\Session::has('error'))
12
class="alert alert-primary" role="alert">
13 {{\Session::get('error')}}
16 @if(\Session::has('success'))
17
class="alert alert-suucess" role="alert">
18 {{\Session::get('success')}}
27
class="form-group row">
28 class="col-md-3">Image File Upload
32 class="custom-file-label" for="validatedCustomFile">Choose file...
33 @if($errors->has('image_name'))
34 class="invalid-feedback">{{$errors->first('image_name')}}
40 class="form-group row">
41 class="col-md-3">Number Of Color
47 @if($errors->has('no_of_color'))
48 class="invalid-feedback">{{$errors->first('no_of_color')}}
58 "submit" class="btn btn-primary">Submit
Further, in the controller create method return the view.
1public function create()
3 return view('admin.colorextractor.create');
Além disso, selecionando a imagem e o número de cores, você pode enviar um formulário. Isso chamará o método de armazenamento no controlador. No método de armazenamento, há lógica para upload e movimentação de imagem por meio de intervenção. Depois disso, extraia as cores usando a biblioteca extrator de cores.
1public function store(Request $request)
4 $validator = Validator::make($request->all(), [
5 'image_name' => 'required|unique:image_colors|max:255',
6 'no_of_color' => 'required'
9 if ($validator->fails()) {
10 return redirect()->back()
11 ->withErrors($validator)
14 DB::beginTransaction();
15 $image = \Image::make($request->image_name);
16 $path = public_path().'/upload';
18 mkdir($path, 777, true);
20 $path .= '/'.$request->image_name->getClientOriginalName();
22 $image->resize(300, 200);
25 $palette = Palette::fromFilename($path,Color::fromHexToInt('#FFFFFF'));
27 foreach($palette as $color => $count) {
29 $palette_array[] = array('count'=>$count,'color'=>Color::fromIntToHex($color));
31 $image_colors = json_encode($palette_array);
33 $topFive = $palette->getMostUsedColors(5);
35 $topFiveColors = json_encode($topFive);
36 $colorCount = count($palette);
37 $totalCount = json_encode($colorCount);
39 $blackCount = $palette->getColorCount(Color::fromHexToInt('#000000'));
41 json_encode($blackCount);
43 $extractor = new ColorExtractor($palette);
44 // it defines an extract method which return the most “representative” colors
45 $colors = $extractor->extract($request->no_of_color);
47 foreach($colors as $color) {
48 // colors are represented by integers
49 $color_array[] = array('color'=>Color::fromIntToHex($color));
52 $most_colors = json_encode($color_array);
54 $imageColors = new ImageColor();
55 $imageColors->image_name = $request->image_name->getClientOriginalName();
56 $imageColors->image_colors = $image_colors;
57 $imageColors->image_color_count = $totalCount;
58 $imageColors->image_most_colors = $most_colors;
61 \Session('error','Successully Extractor!');
63 return redirect()->back();
64 }catch(\Exception $e){
66 \Session('error','Something Went Wrong!');
67 return redirect()->back();
Visto que você já criou um modelo para as cores da imagem. No entanto, usando esse modelo, você pode armazenar as cores no banco de dados. Enquanto isso, você pode criar a visualização do arquivo de índice. Portanto, crie uma visão dentro da pasta resources / views / admin .
1@extends('layouts.admin')
3
"stylesheet" type="text/css" href="{{asset('admin/assets/extra-libs/multicheck/multicheck.css')}}">
4
"{{asset('admin/assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.css')}}" rel="stylesheet">
11 class="card-title">Colors Of images
12 class="table-responsive">
13 "zero_config" class="table table-striped table-bordered">
23 @foreach($colors as $key=>$color)
25 {{$color->image_name}}
26 {{$color->image_color_count}}
Show Color Palette No entanto, você armazena todas as informações no banco de dados. Então, é hora de mostrar todas as cores e a maioria das cores da imagem. Portanto, crie um arquivo de exibição show.blade.php dentro da pasta resources / views / admin.
1@extends('layouts.admin')
3
"stylesheet" type="text/css" href="{{asset('admin/assets/extra-libs/multicheck/multicheck.css')}}">
4
"{{asset('admin/assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.css')}}" rel="stylesheet">
11 class="card-title">Color Of {{$image->image_name}}
12 class="table-responsive">
13 "zero_config" class="table table-striped table-bordered">
21 @if(count($imageColors)>0)
22 @foreach($imageColors as $key=>$color)
43 class="card-title">Top Color Of {{$image->image_name}}
44 class="table-responsive">
45 "top_colors" class="table table-striped table-bordered">
52 @if(count($imageMostColors)>0)
53 @foreach($imageMostColors as $key=>$color)
For this controller will look likes follows.
1public function show($id)
3 $image = ImageColor::find($id);
4 $imageColors = json_decode($image->image_colors,true);
5 $imageMostColors = json_decode($image->image_most_colors,true);
7 return view('admin.colorextractor.show',compact('image','imageColors','imageMostColors'));
Portanto, ao clicar no botão mostrar, você pode ver todas as cores. Portanto, isso listará todas as cores hash da imagem. Desta forma, você pode obter as cores da imagem.
Fonte: http://constituteweb.com/color-palette-extractor-in-laravel
- https://github.com/thephpleague/color-extractor
