| Server IP : 202.29.229.35 / Your IP : 18.227.190.228 Web Server : Apache System : Linux aapanel2 4.15.0-213-generic #224-Ubuntu SMP Mon Jun 19 13:30:12 UTC 2023 x86_64 User : www ( 1001) PHP Version : 5.5.38 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /www/wwwroot/www.ivecr2.ac.th/stdcard/cropper/src/js/ |
Upload File : |
prototype.initPreview = function () {
var url = this.url;
this.$preview = $(this.options.preview);
this.$viewer.html('<img src="' + url + '">');
// Override img element styles
// Add `display:block` to avoid margin top issue (Occur only when margin-top <= -height)
this.$preview.each(function () {
var $this = $(this);
$this.data({
width: $this.width(),
height: $this.height()
}).html('<img src="' + url + '" style="display:block;width:100%;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;">');
});
};
prototype.preview = function () {
var image = this.image,
cropBox = this.cropBox,
width = image.width,
height = image.height,
left = cropBox.left - image.left,
top = cropBox.top - image.top,
rotate = image.rotate;
if (!this.cropped || this.disabled) {
return;
}
this.$viewer.find('img').css({
width: width,
height: height,
marginLeft: -left,
marginTop: -top,
transform: getRotateValue(rotate)
});
this.$preview.each(function () {
var $this = $(this),
data = $this.data(),
ratio = data.width / cropBox.width,
newWidth = data.width,
newHeight = cropBox.height * ratio;
if (newHeight > data.height) {
ratio = data.height / cropBox.height,
newWidth = cropBox.width * ratio;
newHeight = data.height;
}
$this.width(newWidth).height(newHeight).find('img').css({
width: width * ratio,
height: height * ratio,
marginLeft: -left * ratio,
marginTop: -top * ratio,
transform: getRotateValue(rotate)
});
});
};