/* variaveis iniciais do sistema */
var m_wid = 530; // largura máxima para a imagem no cropper
var m_hei = 270; // altura máxima para a imagem no cropper
var prp_w = 1; // largura proporcional do cropper: 3x4 = 3
var prp_h = 1; // altura proprocional do cropper: 3x4 = 4
var cropping = false;
/* variaveis iniciais do sistema - fim */
if (typeof(funcionalidade_codigo) == 'undefined')
funcionalidade_codigo = null;
function cropper (arquivo , acao) {
/*
arquivo = arquivo que processará o cropper
*/
if (typeof arquivo != undefined && arquivo !== null) {
this.arquivo = trim(arquivo);
}
if (typeof acao != undefined && acao !== null) {
this.acao = trim(acao);
}
}
/* variaveis */
cropper.prototype.acao = ""; // funcao que será executada dentro do arquivo
cropper.prototype.arquivo = ""; // arquivo que processará o cropper
cropper.prototype.img = ""; // nome do arquivo da imagem
cropper.prototype.wid = 0; // largura proporcional da imagem
cropper.prototype.hei = 0; // altura proporcional da imagem
cropper.prototype.prp = "1x1"; // proporção do cropper ex.: 3x4
cropper.prototype.prpw = 0; // largura proporcional do cropper: 3x4 = 3
cropper.prototype.prph = 0; // altura proprocional do cropper: 3x4 = 4
cropper.prototype.cwid = 0; // largura inicial do cropper
cropper.prototype.chei = 0; // altura inicial do cropper
cropper.prototype.owid = 0; // largura original da imagem
cropper.prototype.ohei = 0; // altura original da imagem
cropper.prototype.mwid = m_wid; // largura máxima da imagem no cropper
cropper.prototype.mhei = m_hei; // altura máxima da imagem no cropper
cropper.prototype.crpt = 0; // top inicial do cropper
cropper.prototype.crpl = 0; // left inicial to cropper
/* variaveis - fim */
/* métodos */
cropper.prototype.dimensao_imagem = function () {
op = this.owid / this.ohei;
mp = this.mwid / this.mhei;
if (this.ohei <= this.mhei && this.owid <= this.mwid) {
this.wid = this.owid;
this.hei = this.ohei;
}
else {
if (op >= mp || this.wid > this.mwid) {
// largura
this.wid = this.mwid;
this.hei = (this.mwid / this.owid) * this.ohei;
}
else {
// altura
this.hei = this.mhei;
this.wid = (this.mhei / this.ohei) * this.owid;
}
}
}
cropper.prototype.dimensao_cropper = function () {
if (this.wid == 0 && this.hei == 0) {
this.dimensao_imagem();
}
tmp = this.prp.split("x");
prp_w = this.prpw = parseInt(tmp[0]);
prp_h = this.prph = parseInt(tmp[1]);
if (this.prpw == this.prph) {
this.prpw = this.prpw = prp_w = prp_h = 1;
}
if (this.prpw == 1 && this.prph == 1) {
this.cwid = this.chei = (this.wid > this.hei ? ((this.hei / 3) * 2) : ((this.wid / 3) * 2));
}
else {
this.cwid = (this.wid > this.hei ? ((this.hei / 3) * 2) : ((this.wid / 3) * 2));
this.chei = ((this.cwid / this.prpw) * this.prph);
}
}
cropper.prototype.posicao_cropper = function () {
if (this.cwid == 0 || this.hwid == 0) {
this.dimensao_cropper();
}
this.prpl = (this.wid / 2) - (this.cwid / 2);
this.prpt = (this.hei / 2) - (this.chei / 2);
}
cropper.prototype.tela = function (arq_origem , arq_destino , arq_thumb) {
/*
retorna a tela com a imagem para o crop
largura e altura precisam estar definidas
*/
var texto = "";
if (this.owid == 0) {
alert("largura não definida");
return false;
}
else if (this.ohei == 0) {
alert("altura não definida");
return false;
}
else if (this.img == "") {
alert("imagem não definida");
return false;
}
else {
this.dimensao_imagem();
this.dimensao_cropper();
this.posicao_cropper();
// texto += '';
texto += '
';
// texto += '
';
// texto += '
';
// texto += '
';
// texto += '
';
// texto += '
';
// texto += '
wid" : "") + ''; // largura atual da imagem
// texto += ' ' + (debug ? "
hei" : "") + ''; // altura atual da imagem
// texto += ' ' + (debug ? "
owid" : "") + ''; // largura original da imagem
// texto += ' ' + (debug ? "
ohei" : "") + ''; // altura original da imagem
// texto += ' ' + (debug ? "
cwid" : "") + ''; // largura da área de cropper
// texto += ' ' + (debug ? "
chei" : "") + ''; // altura da área de cropper
// texto += ' ' + (debug ? "
prpt" : "") + ''; // propriedade top da área de cropper
// texto += ' ' + (debug ? "
prpl" : "") + ''; // propriedade left da área de cropper
var input_tipo = 'hidden';
var htm = '' +
'
' +
'';
//alert(htm);
if (wid == 300 && hei == 300) {
var htm = '' +
'' +
'';
bodyAlpha_open("janela-alert-90" , htm);
$('#form_crop').submit();
}
else {
bodyAlpha_open("janela-alert-90" , htm);
/*bodyAlpha_open("janela-alert" , crop.tela(arq_origem , arq_destino , arq_thumb));
if (crop.arquivo == "") {
alert("você deve especificar o arquivo que processará o cropper")
cropper_bt_cancelar();
}
document.getElementById("crop-imagem").style.border = "1px SOLID #AAA";
//document.getElementById("crop-area").style.width = (parseInt(document.getElementById("crop-area").style.width) + 1) + "px";
document.getElementById("body-alpha-janela").style.width = "360px";
document.getElementById("body-alpha-janela").style.height = "430px";
cropping = true;
window.parent.imagemCrop();*/
$(function() {
$('#cropbox').Jcrop({
onChange: showCoords,
onSelect: showCoords,
setSelect: [ 0, 0, 300, 300 ],
allowSelect: false,
minSize: [ 300, 300 ],
aspectRatio: 1
});
// $.Jcrop('#cropbox',{
// });
function showCoords(c) {
jQuery('#x').val(c.x);
jQuery('#y').val(c.y);
jQuery('#x2').val(c.x2);
jQuery('#y2').val(c.y2);
jQuery('#w').val(c.w);
jQuery('#h').val(c.h);
};
});
}
}
function cropper_bt_recortar () {
var area_wid = document.getElementById('area_wid');
var area_hei = document.getElementById('area_hei');
if ((area_wid.value < 570) && (area_hei.value < 570)) {
if (confirm('A área selecionada é menor que o tamanho recomendado.\nTem certeza que deseja enviar esta foto?')) {
document.form_cropper.submit();
}
} else {
document.form_cropper.submit();
}
}
function cropper_bt_cancelar () {
cropping = false;
bodyAlpha_close();
}
window.onunload = cropper_cancela_forcado;