alpiiscky/yii2-image-cache

Пропорциональный ресайз и кроп изображений

Image Resize

Пропорциональный ресайз и кроп изображений, _(*1)

Установка

Выполните, _(*2)

composer require --prefer-dist alpiiscky/yii2-image-cache "*"

или добавьте, _(*3)

"alpiiscky/yii2-image-cache": "*"

в раздел require вашего файла composer.json., _(*4)

Основа

Создано на основе компонента sadovojav/yii2-image-thumbnail, расширяя компнент до нужного функционала, _(*5)

Настройка

Добавьте в раздел components следующие строки:, _(*6)

'components' => [
    'thumb' => [
        'class' => 'alpiiscky\imagecache\Thumb' ,
        'cachePath' => '@webroot/cache',
        'options' => [
            'placeholder' => [
                'type' => \alpiiscky\imagecache\Thumb::THUMBNAIL_INSET,
                'backgroundColor' => '#f5f5f5',
                'textColor' => '#cdcdcd',
                'textSize' => 30,
                'text' => 'No image'
            ],
            'quality' => 92,
            'tinyPng' => [
                'apiKey' => null
            ]
        ]
    ]
]

Использование

Для использования кропа и ресайза можно использовать виджет :, _(*7)

<?= \alpiiscky\imagecache\ThumbWidget::widget([
      'image' => 'image.jpg',
      'img_class' => 'classes кроме img-responsive',
      'path' => 'images/',
      'width' => 120,
      'height' => 120,
      'mode' => \alpiiscky\imagecache\Thumb::CROP_CENTER
]) ?>

Доступны следующие режимы, _(*8)

'mode' => \alpiiscky\imagecache\Thumb::CROP_CENTER -, _(*9)

'mode' => \alpiiscky\imagecache\Thumb::CROP_LEFT, _(*10)

'mode' => \alpiiscky\imagecache\Thumb::CROP_RIGHT, _(*11)