estoy aprendiendo un poco de jquery y lo que quiero hacer es obtener una imagen para hacerle un crop a la imagen pero sin usar el input file.
<div class="image-editor">
<div id="estado"></div>
<input type='file' id='image' class='cropit-image-input'/>
<div class="cropit-preview"></div>
<div class="image-size-label">
Resize image
</div>
<input type="range" class="cropit-image-zoom-input">
<button class="rotate-ccw">Rotate counterclockwise</button>
<button class="rotate-cw">Rotate clockwise</button>
<button class="export">Export</button>
<script type="text/javascript">
$(function() {
$('.image-editor').cropit({
exportZoom: 1.25,
imageBackground: true,
imageBackgroundBorderWidth: 20
});
$('.rotate-cw').click(function() {
$('.image-editor').cropit('rotateCW');
});
$('.rotate-ccw').click(function() {
$('.image-editor').cropit('rotateCCW');
});
$('.export').click(function() {
var imageData = $('.image-editor').cropit('export');
alert(imageData);
});
});
</script>
como ven el codigo de jquery obtiene la imagen desde el input file<input type='file' id='image' class='cropit-image-input' />
$('.image-editor').cropit({
exportZoom: 1.25,
imageBackground: true,
imageBackgroundBorderWidth: 20
});
acá la captura a través de su clase, pero lo que quiero es otra forma de capturar esa imagen sin usar el input file, ya que e intentado poner la direccion de la imagen en un input text o capturar directamente con la id desde un <img>
pero no me resulta.
ojala me me puedan ayudar.
$('#image-cropper').cropit({ imageState: { src: { imageSrc } } });
? es como arma los demos en scottcheng.github.io/cropit