hypejunction/cropper

Elgg 的 Cropper

维护者

详细信息

github.com/hypeJunction/Elgg-cropper

主页

源代码

问题

安装: 85

依赖: 1

建议者: 1

安全: 0

星标: 0

关注者: 2

分支: 1

开放问题: 0

语言：JavaScript

类型：elgg-plugin

1.1.0 2016-01-25 16:10 UTC

Requires

GPL-2.0 c0fffd2ed1aeeeb97469601499141b7e0ad9069e

  • Ismayil Khayredinov <info.woop@hypejunction.com>

imageplugincropelggcropper

This package is auto-updated.

Last update: 2024-08-29 04:14:05 UTC

README

Elgg 1.11 Elgg 1.12 Elgg 2.0

为 Elgg 提供响应式图像裁剪输入

file input

使用方法

将 cropper 添加为表单输入

echo elgg_view('input/cropper', array(
	'src' => 'http://example.com/uri/image.jpg',
	'ratio' => 16/9,
	'name' => 'crop_coords',
));

将 cropper 添加到文件输入（基本用法）

// in your form
echo elgg_view('input/file', array(
    'name' => 'avatar',
    'use_cropper' => true,
));

// in your action
$coords = get_input('crop_coords');

将 cropper 添加到文件输入（高级用法）

// in your form
echo elgg_view('input/file', array(
	'name' => 'cover',
	'use_cropper' => array(
		'name' => 'cover_crop_coords',
		'ratio' => 16/9,
		'src' => '/uri/image.jpg', // previously uploaded file
		'x1' => 100,
		'y1' => 100,
		'x2' => 260,
		'y2' => 190,
	),
));

// in your action
$coords = get_input('cover_crop_coords');

注意事项

  1. 在您的操作中，务必使用相同的图像源进行裁剪。如果您将主图像源传递到文件输入，则需要实现新文件上传和主图像的逻辑，因为裁剪坐标可能会改变，即使没有新文件上传。