README

安装

您可以通过composer安装此包

composer require nuhel/filament-croppie

此字段具有与Filament File Upload字段类似的大部分功能。

  Croppie::make('image')
      ->getUploadedFileNameForStorageUsing(function (TemporaryUploadedFile $file): string {
          return (string)str("image_path/" . $file->hashName());
      })->enableDownload()
      ->enableOpen()
      ->imageResizeTargetWidth('1000')
      ->imageResizeTargetHeight('800'),

使用imageResizeTargetWidth和imageResizeTargetHeight，我们可以设置裁剪器的宽度和高度。

Croppie::make('avatar')->avatar()
    ->enableOpen()->enableDownload()
    ->imageResizeTargetWidth('300')
    ->imageResizeTargetHeight('300')
    ->modalSize('xl'),

默认情况下，输出图像的大小将与imageResizeTargetWidth和imageResizeTargetHeight相对应。使用keepOriginalSize，输出图像的大小将是图像原始比例。

Croppie::make('avatar')->avatar()
    ->enableOpen()->enableDownload()
    ->imageResizeTargetWidth('300')
    ->imageResizeTargetHeight('300')
    ->keepOriginalSize()
    ->modalSize('xl'),

默认情况下，裁剪器没有外部容器。使用withBoundary，我们可以指定裁剪器的容器。指定的值以像素为单位，将添加到裁剪器的宽度和高度。

Croppie::make('avatar')->avatar()
    ->enableOpen()->enableDownload()
    ->imageResizeTargetWidth('300')
    ->imageResizeTargetHeight('300')
    ->withBoundary('30')
    ->modalSize('xl'),

我们可以使用avater方法将裁剪器设置为圆形。

如果需要，可以使用modalSize方法自定义模态框大小。

Croppie::make('background')
    ->enableDownload()
    ->enableOpen()
    ->imageResizeTargetWidth('1000')
    ->imageResizeTargetHeight('400')
    ->modalSize('6xl')
    ->modalHeading("Crop Background Image")

此插件仍在开发中。一些Croppie功能需要实现，但它提供了Croppie的主要功能。

许可证

MIT许可证（MIT）。请参阅许可证文件以获取更多信息。