README

仅一个图像工厂

安装

下载

下载并将此仓库复制到 /site/plugins/v2-image-factory。

Composer

composer require vitamin2/v2-image-factory

设置

1. 安装插件

2. 将 Image Factory JS 添加到您的模板中（getFactoryJS 返回一个版本化的 JS 文件）

  <?= js([
    getFactoryJs(),
  ]) ?>

1. 预加载它（可选）

  <link rel="preload" href="<?= getFactoryJs() ?>" as="script" />

使用方法

1. imageURL 选择图像

2. imageType 选择裁剪类型

   • variousHeights（如果您有不同高度的图像，请选择此选项，例如基本图像或标志）
   • cropToRatio（如果您有一个固定比例，例如画廊、页眉，请选择此选项）
   • cropToRatioMultiple（如果您有 2 个比例，移动设备和桌面，请选择此选项）

3. imageRatio（对于 cropToRatio 和 cropToRatioMultiple）选择图像比例（例如 16/9 = 1.777 或 4/3 = 1.333）

4. imageRatioDesktop（对于 cropToRatioMultiple）选择桌面图像比例

5. imageCustomClass 在此处添加自定义类

6. imageCropToPoint（对于 cropToRatio，cropToRatioMultiple）选择裁剪点

   • 默认为中心，但您也可以设置为左、上等。

  snippet('global/image-factory', [
    'imageURL' => $data->gallery()->toFile(),
    'imageType' => 'variousHeights',
    'imageRatio' => '1.333',
    'imageRatioDesktop' => '3',
    'imageCustomClass' => '',
    'imageCropToPoint' => 'center'
  ])

许可证

MIT