sadovojav / yii2-image-cutter
Yii2 crop image widget
Installs: 8 026
Dependents: 0
Suggesters: 0
Security: 0
Stars: 10
Watchers: 7
Forks: 9
Open Issues: 1
Language:JavaScript
Type:yii2-extension
Requires
- php: >=5.4.0
- yiisoft/yii2: *
- yiisoft/yii2-imagine: *
This package is auto-updated.
Last update: 2024-10-29 04:09:24 UTC
README
This is a fork Patroklo/yii2-widget-upload-crop
Features:
- Upload image
- Crop image
- Use Imagine
- Cache sorting to subdirectories
Composer
The preferred way to install this extension is through Composer.
Either run php composer.phar require sadovojav/yii2-image-cutter "dev-master"
or add "sadovojav/yii2-image-cutter": "dev-master"
to the require section of your composer.json
Use
- Add to the model behavior
use sadovojav\cutter\behaviors\CutterBehavior; public function behaviors() { return [ 'image' => [ 'class' => CutterBehavior::className(), 'attributes' => 'image', // 'attributes' => ['image1', 'image2'], 'baseDir' => '/uploads/crop', 'basePath' => '@webroot', ], ] } public function rules() { return [ ['image', 'file', 'extensions' => 'jpg, jpeg, png', 'mimeTypes' => 'image/jpeg, image/png'], ]; }
Parameters
- integer
attributes
required (string/array) - Image attributes - integer
baseDir
required - Base directory - integer
basePath
required - Base path - integer
quality
=92
- Crop result quality
- Use in view
Without client validation
<div class="form-group"> <label class="control-label">Image</label> <?= \sadovojav\cutter\Cutter::widget([ 'model' => $model, 'attribute' => 'image' ]); ?> </div>
or
With client validation
<?= $form->field($model, 'image')->widget(\sadovojav\cutter\Cutter::className(), [ //options ]); ?>
Widget method options
- model (string) (obligatory)
Defines the model that will be used to make the form input field.
- attribute (string) (obligatory)
Defines the model attribute that will be used to make de form input field.
- useWindowHeight (bool) (optional)
Use the height of the current window for the form image cropping
- imageOptions (array) (optional)
List with options that will be added to the image field that will be used to define the crop data in the modal. The format should be ['option' => 'value'].
- cropperOptions (array) (optional)
List with options that will be added in javaScript while creating the crop object. For more information about which options can be added you can read this web.