weiwait/nova-images
Composer 安装命令：
composer require weiwait/nova-images
包简介
A Laravel Nova field for multiple images by json. Laravel Nova 多图组件，目前仅支持json格式
README 文档
README
多图组件 Nova Images使用 Usage
// In Model public $cast = [ 'images' => 'array', ]; // In Migration public function up() { Schema::create('users', function (Blueprint $table) { $table->json('images')->nullable()->comment('多图'); }); } // In Nova resource public function fields(Request $request) { return [ \Weiwait\NovaImages\Images::make('图片', 'images') ->cropper([ 'autoCrop' => true, 'fixed' => true, 'fixedNumber' => [16, 9], 'enlarge' => 3, ]), ]; }
| 名称 | 功能 | 默认值 | 可选值 |
| img | 裁剪图片的地址 | 空 | url 地址 || base64 || blob |
| outputSize | 裁剪生成图片的质量 | 1 | 0.1 - 1 |
| outputType | 裁剪生成图片的格式 | jpg (jpg 需要传入jpeg) | jpeg || png || webp |
| info | 裁剪框的大小信息 | true | true || false |
| canScale | 图片是否允许滚轮缩放 | true | true || false |
| autoCrop | 是否默认生成截图框 | false | true || false |
| autoCropWidth | 默认生成截图框宽度 | 容器的80% | 0~max |
| autoCropHeight | 默认生成截图框高度 | 容器的80% | 0~max |
| fixed | 是否开启截图框宽高固定比例 | true | true | false |
| fixedNumber | 截图框的宽高比例 | [1, 1] | [宽度, 高度] |
| full | 是否输出原图比例的截图 | false | true | false |
| fixedBox | 固定截图框大小 不允许改变 | false | true | false |
| canMove | 上传图片是否可以移动 | true | true | false |
| canMoveBox | 截图框能否拖动 | true | true | false |
| original | 上传图片按照原始比例渲染 | false | true | false |
| centerBox | 截图框是否被限制在图片里面 | false | true | false |
| high | 是否按照设备的dpr 输出等比例图片 | true | true | false |
| infoTrue | true 为展示真实输出图片宽高 false 展示看到的截图框宽高 | false | true | false |
| maxImgSize | 限制图片最大宽度和高度 | 2000 | 0-max |
| enlarge | 图片根据截图框输出比例倍数 | 1 | 0-max(建议不要太大不然会卡死的呢) |
| mode | 图片默认渲染方式 | contain | contain , cover, 100px, 100% auto |
power by vue-cropper
统计信息
- 总下载量： 12
- 月度下载量： 0
- 日度下载量： 0
- 收藏数： 2
- 点击次数： 1
- 依赖项目数： 0
- 推荐数： 0
其他信息
- 授权协议： MIT
- 更新时间： 2021-03-12