README

基于jQuery和集成JS库Cropper的响应式Elgg图像裁剪工具。

Cropper插件替换默认的Elgg核心个人资料头像裁剪工具。

功能

支持触摸（移动端）
支持在画布上裁剪
响应式
可以将裁剪器作为表单输入添加的选项
可以在设置中选择预览框的大小
插件设置中提供了丰富的Cropper工具选项
可以传递宽高比裁剪器选项作为裁剪器输入的参数，覆盖插件设置中的值

使用方法

1. 替换核心Elgg个人资料头像裁剪工具

如果启用插件，默认的核心Elgg个人资料头像裁剪工具将被此图像裁剪工具替换。插件设置中的几个选项可用于自定义工具。

2. 在任何表单中使用cropper输入

cropper输入可以在任何Elgg表单中使用，只需传递要裁剪的图像以及可选的宽高比（覆盖插件设置中的值）。

// assign photo to cropper input
$master_img = elgg_view('output/img', array(
    'src' => $vars['entity']->getIconUrl('master'),
    'alt' => elgg_echo('avatar'),
    'class' => 'mrl',
    'id' => 'image',
));
$vars['image_to_crop'] = $master_img;

// optionally assign custom aspectratio to overide the aspectratio in settings
// set blank for free ratio or enter number e.g. 1 for 1/1
// if put comment the following line, the aspectratio value from settings will be used
$vars['aspectratio'] = 1;

echo elgg_view_input('cropper', $vars);

nlybe / cropper

维护者

详细信息

README

功能

使用方法

1. 替换核心Elgg个人资料头像裁剪工具

2. 在任何表单中使用cropper输入