Итак, во-первых, я использую jquery.После изменения ввода я добавляю источник на холст, а затем, после нажатия кнопки обрезки, запускаю функцию обрезки.Пожалуйста, обратитесь к кодам ниже
<input type="file" id="input-file">
<canvas id="canvas-raw"></canvas>
<script>
$(function(){
$('input#fileinput').change(function(e){
renderImage(e);
});
$('button#crop-btn').click(function(){
// call crop function
camanCropper();
});
});
function renderImage(e) {
var canvas = document.getElementById('canvas-raw');
var ctx = canvas.getContext('2d');
var img = new Image;
img.src = URL.createObjectURL(e.target.files[0]);
img.onload = function() {
canvas.setAttribute('width',img.width);
canvas.setAttribute('height',img.height);
ctx.drawImage(img,
canvas.width / 2 - img.width / 2,
canvas.height / 2 - img.height / 2
);
}
}
function camanCropper(){
Caman("#canvas-raw", function(){
// width, height, x, y
this.crop(144, 134, 0, 0); // uses dummy points for right now
// Still have to call render!
this.render();
});
}
</script>
, тогда он выдаст мне эту ошибку
Uncaught RangeError: Превышен максимальный размер стека вызовов caman.full.min.js: 115
любая помощь, идеи, пожалуйста?