Hola como dice el titulo estoy tratando de recortar una imagen y guardarla bien primero quisiera guardarla en una bd mysql y ya logre como recortarla utilizando un plugin de jquery
Código PHP:
<link rel="stylesheet" type="text/css" href="css/imgareaselect-default.css" /> <script type="text/javascript" src="scripts/jquery.min.js"></script> <script type="text/javascript" src="scripts/jquery.imgareaselect.pack.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<script type="text/javascript">
function preview(img, selection) {
if (!selection.width || !selection.height)
return;
var scaleX = 100 / selection.width;
var scaleY = 100 / selection.height;
$('#preview img').css({
width: Math.round(scaleX * 100),
height: Math.round(scaleY * 100),
marginLeft: -Math.round(scaleX * selection.x1),
marginTop: -Math.round(scaleY * selection.y1)
});
$('#x1').val(selection.x1);
$('#y1').val(selection.y1);
$('#x2').val(selection.x2);
$('#y2').val(selection.y2);
$('#w').val(selection.width);
$('#h').val(selection.height);
}
$(function () {
$('#photo').imgAreaSelect({ aspectRatio: '1:1', handles: true,
fadeSpeed: 200, onSelectChange: preview });
});
</script>
<div class="frame" style="margin: 0 0.3em; width: 300px; height: 300px;">
<img id="photo" src="laimg.php?id=88" /></div>
<div id="preview" style="width: 100px; height: 100px; overflow: hidden;">
<img src="laimg.php?id=88" style="width: 100px; height: 100px;" />
</div>
Este es el archivo lo que sucede es lo siguiente yo obtengo la imagen de la bd pero este cartel va a aparecer como una funcionaludad de recortar imagenes por supuesto el 88 se lo puse para hacer la prueba estoy me funciona perfectamente pero ahora quisiera saber como yo guardo la imagen generada dentro de la capa preview. Eso es todo muchas gracias por leer y espero puedan ayudarme