README

这是 Salted Herring 的 Cropper Field for SilverStripe - 4 的持续开发版本 (https://github.com/salted-herring/salted-cropper)

用法

安装

composer require haunt-jonathan/image-cropper

/dev/build?flush=all

示例代码

...
use Cita\ImageCropper\Model\CitaCroppableImage;
use Cita\ImageCropper\Fields\CroppableImageField;
...
private static $has_one = array(
    'Photo'     =>  CitaCroppableImage::class
);


public function getCMSFields()
{
    $fields = parent::getCMSFields();
    ...
    // adding a free cropper
    $fields->addFieldToTab(TAB_NAME, CroppableImageField::create('PhotoID', A_TITLE_TO_THE_FILED));

    // adding cropper with ratio
    $fields->addFieldToTab(TAB_NAME, CroppableImageField::create('PhotoID', A_TITLE_TO_THE_FILED)->setCropperRatio(16/9));
    ...
    return $fields;        
}

添加图像 > 上传/选择 > 保存 > 编辑 > 进行裁剪 > 保存

输出

$Photo
$Photo.Cropped
$Photo.Cropped.SetWidth(100)

AWS 支持

如果你使用 SS 的 S3 资产模块来存储你的图像，你可能还想要将其添加到你的站点配置 yaml 中

SilverStripe\Admin\LeftAndMain:
  extra_requirements_javascript:
    - 'resources/vendor/haunt-jonathan/image-cropper/client/js/s3-workaround.js'

haunt-jonathan / image-cropper

维护者

详细信息

README

用法

AWS 支持