yii2-widget-crop-image

This widget allows you to select a rectangular area on the source image on the server, cache the new image and use it., _(*1)

Installation

The preferred way to install this extension is through composer., _(*2)

Either run, _(*3)

php composer.phar require --prefer-dist evgkan/yii2-widget-crop-image "*"

or add, _(*4)

"evgkan/yii2-widget-crop-image": "*"

to the require section of your composer.json file., _(*5)

<?= $form->field($model, 'photo')->widget(CropImage::className()) ?>

After you submit the form the model attribute will contain an array with the data framing, like this:, _(*6)

[
  'imgSrc' => <path>,
  'x1' => <left 0..1>,
  'y1' => <top 0..1>,
  'x2' => <right 0..1>,
  'y2' => <bottom 0..1>
]

public function getCropPhoto(){
  return CropImage::getCropImage($this->photo);
}

This method searches the cached image, using data framing. If cached image is absent, a new one is created., _(*7)

<img src="<?= model->photo ?>">       <!-- original photo -->
<img src="<?= model->cropPhoto ?>"> <!-- croped and cached photo -->

The widget uses a serverside file manager mihaildev/yii2-elfinder. It needs to be properly configured to access the server file system., _(*8)

15/02 2017

9999999-dev https://github.com/evgkan/yii2-widget-crop-image

Crop image input widget

Sources Download

MIT

yii2 widget image crop input