mitrm/yii2-image-cutter

该包的最新版本(dev-master)没有可用的许可证信息。

Yii2裁剪图片小部件

安装: 401

依赖项: 0

建议者: 0

安全: 0

星标: 1

关注者: 2

分支: 1

开放问题: 0

语言:JavaScript

类型:yii2-extension

dev-master 2018-06-26 18:37 UTC

This package is auto-updated.

Last update: 2024-09-26 04:18:38 UTC


README

这是一个分支 Patroklo//yii2-image-cutter

功能

  • 上传图片
  • 裁剪图片
  • 使用Imagine

cutter

Composer

安装此扩展的首选方法是使用 Composer

运行 php composer.phar require --prefer-dist mitrm/yii2-image-cutter "dev-master"

或向您的 composer.json 中的 require 部分添加 "mitrm/yii2-image-cutter": "dev-master"

使用

  • 添加到模型行为
    use mitrm\cutter\behaviors\CutterBehavior;

    public function behaviors()
    {
        return [
            'image' => [
                'class' => CutterBehavior::className(),
                'attributes' => 'image',
                'baseDir' => '/uploads/crop',
                'basePath' => '@webroot',
            ],
        ]
    }
    
    public function rules()
    {
        return [
            ['image', 'file', 'extensions' => 'jpg, jpeg, png', 'mimeTypes' => 'image/jpeg, image/png'],
        ];
    }

参数

  • integer attributes required (string) - 图片属性
  • integer baseDir required - 基础目录
  • integer basePath required - 基础路径
  • integer quality = 92 - 裁剪结果质量
  • 在视图中使用

无客户端验证

    <div class="form-group">
        <label class="control-label">Image</label>
        <?= \mitrm\cutter\Cutter::widget([
            'model' => $model,
            'attribute' => 'image'
        ]); ?>
    </div>

有客户端验证

    <?= $form->field($model, 'image')->widget(\mitrm\cutter\Cutter::className(), [
        //options
    ]); ?>
  • 在视图中使用

获取图片URL

    $model->getImg(100);
    $model-> getImgOrigin();

小部件方法选项

  • model (string) (obligatory)

定义将用于制作表单输入字段的模型。

  • attribute (string) (obligatory)

定义将用于制作表单输入字段的模型属性。

  • useWindowHeight (bool) (optional)

使用当前窗口的高度进行表单图片裁剪

  • imageOptions (array) (optional)

带有选项的列表,这些选项将添加到用于在模态中定义裁剪数据的图片字段。格式应为 ['option' => 'value']。

  • cropperOptions (array) (optional)

带有选项的列表,这些选项将在创建裁剪对象时添加到 JavaScript 中。有关可以添加哪些选项的更多信息,您可以阅读此网页