Go to the source code of this file.
| elgg provide |
( |
'elgg.avatarCropper' |
| ) |
|
| elgg register_hook_handler |
( |
'init' |
, |
|
|
'system' |
, |
|
|
elgg.avatarCropper. |
init |
|
) |
| |
Initial value:= function() {
var params = {
selectionOpacity: 0,
aspectRatio: '1:1',
onSelectEnd:
elgg.avatarCropper.selectChange,
onSelectChange:
elgg.avatarCropper.preview
};
if ($('input[name=x2]').val()) {
params.x1 = $('input[name=x1]').val();
params.x2 = $('input[name=x2]').val();
params.y1 = $('input[name=y1]').val();
params.y2 = $('input[name=y2]').val();
}
if ($('input[name=x2]').val()) {
$(window).
on(
'load',
function () {
var ias = $(
'#user-avatar-cropper').
imgAreaSelect({instance:
true});
var selection = ias.getSelection();
elgg.avatarCropper.preview($(
'#user-avatar-cropper'), selection);
});
}
}
imgAreaSelect
imgAreaSelect initialization
and that you know you can do these things To protect your we need to make restrictions that forbid anyone to deny you these rights or to ask you to surrender the rights These restrictions translate to certain responsibilities for you if you distribute copies of the or if you modify it For if you distribute copies of such a whether gratis or for a you must give the recipients all the rights that you have You must make sure that receive or can get the source code And you must show them these terms so they know their rights We protect your rights with two distribute and or modify the software for each author s protection and we want to make certain that everyone understands that there is no warranty for this free software If the software is modified by someone else and passed on
Register the avatar cropper.
If the hidden inputs have the coordinates from a previous cropping, begin the selection and preview with that displayed.
Definition at line 13 of file ui.avatar_cropper.js.
| elgg avatarCropper preview |
Initial value:=
function(
img, selection) {
if (selection.width === 0 || selection.height === 0) {
return;
}
var origWidth = $(
"#user-avatar-cropper").
width();
var origHeight = $(
"#user-avatar-cropper").
height();
var scaleX = 100 / selection.width;
var scaleY = 100 / selection.height;
$('#user-avatar-preview > img').css({
width: Math.round(scaleX * origWidth) +
'px',
height: Math.round(scaleY * origHeight) +
'px',
marginLeft: '-' + Math.round(scaleX * selection.x1) + 'px',
marginTop: '-' + Math.round(scaleY * selection.y1) + 'px'
});
}
Handler for changing select area.
- Parameters
-
| {Object} | img reference to the image |
| {Object} | selection imgareaselect selection object |
- Returns
- void
Definition at line 48 of file ui.avatar_cropper.js.
| elgg avatarCropper selectChange |
Initial value:=
function(
img, selection) {
$('input[name=x1]').val(selection.x1);
$('input[name=x2]').val(selection.x2);
$('input[name=y1]').val(selection.y1);
$('input[name=y2]').val(selection.y2);
}
Handler for updating the form inputs after select ends.
- Parameters
-
| {Object} | img reference to the image |
| {Object} | selection imgareaselect selection object |
- Returns
- void
Definition at line 73 of file ui.avatar_cropper.js.
1.8.11
