PHP code example of dnabeast / bladeimagecrop
1. Go to this page and download the library: Download dnabeast/bladeimagecrop library . Choose the download type require .
2. Extract the ZIP file and open the index.php.
3. Add this code to the index.php.
<?php
require_once('vendor/autoload.php');
/* Start to develop here. Best regards https://php-download.com/ */
dnabeast / bladeimagecrop example snippets
'offset_x' => 50, // percentage
'offset_y' => 50,
'build_classes' => [
//'avif' => 'DNABeast\BladeImageCrop\Builder\IM_AVIFBuilder',
'webp' => 'DNABeast\BladeImageCrop\Builder\IM_WebPBuilder',
// 'webp' => 'DNABeast\BladeImageCrop\Builder\GD_WebPBuilder',
'jpg' => 'DNABeast\BladeImageCrop\Builder\IM_JPGBuilder',
// 'jpg' => 'DNABeast\BladeImageCrop\Builder\GD_JPGBuilder',
// 'jpg' => 'DNABeast\BladeImageCrop\Builder\ShortPixelJPGBuilder',
],
bash
php artisan vendor:publish --provider="DNABeast\BladeImageCrop\BladeImageCropServiceProvider"
bash
php artisan storage:link
blade
<picture>
<x-sources src="/storage/blade_image_crop_holding/overlyLargeImage_jpg" :properties="[[800, 600], 1024]" sizes="(min-width: 60rem) 80vw, 100vw"/>
<x-img sources="false" src="/img/OverlyLargeImage.png" :properties="[[800, 600], 1024]"/>
</picture>
blade
<picture>
<x-sources src="/storage/blade_image_crop_holding/overlyLargeImage_jpg" :properties="[300, 300, 35, 50]" media="(max-width: 450px) and (orientation: portrait)" />
<x-sources src="/storage/blade_image_crop_holding/overlyLargeImage_jpg" :properties="[800, 600]" />
<x-img sources="false" src="/img/OverlyLargeImage.png" :properties="[800, 600]" alt="" class=""/>
</picture>
syntax error, unexpected end of file, expecting "elseif" or "else" or "endif"