README

此插件添加了一个图片裁剪字段类型，适用于焦点裁剪不足以满足需求的情况。

特性

此字段类型位于“媒体”类别下，需要您设置图片源字段和尺寸。

如果您想以 YAML 风格进行操作，请参考以下内容

handle: crops
field:
  type: image_cropper
  display: Crops
  show_details: true
  source: image
  dimensions:
    '16_9': 16/9
    '1_1': 1/1
    freeform: Freeform

安装方法

您可以在 Statamic 控制面板的 工具 > 插件 部分搜索此插件并点击安装，或者从项目根目录运行以下命令

composer require tv2regionerne/statamic-image-cropper

使用方法

设置字段类型并选择图片后，您可以选择要裁剪的尺寸：

选择尺寸将触发裁剪覆盖层，您满意后按 保存：

在模板中，您可以这样使用裁剪

<img src="{{ glide:image :crop="crops:16_9:crop" }}" />

此行代码表示您正在对图片应用裁剪操作。:crop="crops:16_9:crop" 这部分告诉系统两件事

crops 是您特定图片裁剪设置的引用（或“处理”）。
16_9 指定裁剪的宽高比。在这个例子中，设置为 16:9，这是一个常见的宽屏格式。您可以将其更改为您需要的任何其他比例。

享受裁剪吧！

tv2regionerne / statamic-image-cropper

维护者

详细信息

README

特性

安装方法

使用方法