JCrop — это действительно отличный плагин, но, к сожалению, в нем нет функции Zoom-In Zoom-Out.
Я хотел бы знать, пытался ли кто-нибудь добавить функцию Zoom-In Zoom-Out в jCrop.
Пожалуйста, опубликуйте пример кода.
Спасибо
jQuery, как добавить функцию масштабирования Jcrop
comment
Вместо этого вы можете попробовать Kroppr, который имеет функции кадрирования и масштабирования.
- person Matt Ball schedule 30.03.2011
comment
Дэвид (или кто-либо другой), когда вы сказали добавить: Масштаб X: Масштаб Y: Изменить размер изображения: Где-то в теле, что вы имели в виду? Это тег тела? Тег img, где вы называете Jcrop? Не могли бы вы привести быстрый пример. Я новичок и буду очень признателен за помощь. Спасибо!
- person schedule 10.05.2011
Ответы (2)
Это очень быстрый и грязный способ сделать это... В демонстрационном файле "crop.php", поставляемом с Jcrop, вы найдете эту функцию:
$(function(){
$('#cropbox').Jcrop({
aspectRatio: 1,
onSelect: updateCoords
});
});
Удалите всю функцию выше и замените ее этой:
$(function(){
var scalex = $('#scalex').val();
var scaley = $('#scaley').val();
var myJcrop = $.Jcrop('#cropbox', {
aspectRatio: 1,
onSelect: updateCoords,
boxWidth: scalex,
boxHeight: scaley
});
$('#target').click(function() {
myJcrop.destroy();
scalex = $('#scalex').val();
scaley = $('#scaley').val();
myJcrop = $.Jcrop('#cropbox', {
aspectRatio: 1,
onSelect: updateCoords,
boxWidth: scalex,
boxHeight: scaley
});
});
});
Затем добавьте это где-нибудь в теле:
Scale X:<input type="text" id="scalex" value="150" style="width:50px;"></input>
Scale Y:<input type="text" id="scaley" value="140" style="width:50px;"></input>
<button id="target">Resize Image</button>
person
David Graham
schedule
26.04.2011
Спасибо Дэвид за ваш ответ на это!
- person GibboK; 27.04.2011
