jQuery如何添加到Jcrop缩放function

JCrop它是一个非常好的插件，但遗憾的是缺少Zoom-In Zoom-Outfunction。

我想知道是否有人试图在jCrop中添加放大缩小function。

请发布代码示例。

谢谢

Answer 1

这是一个非常快速和肮脏的方式…在Jcrop提供的演示文件中称为“crop.php”，你会发现这个函数：

 $（函数（）{
    $（ '＃裁剪框'）。Jcrop（{
       aspectRatio：1，
       onSelect：updateCoords
    }）;
 }）;

删除上面的整个function并将其替换为：

 $（function（）{var scalex = $（'#diaxx'）。val（）; var scaley = $（'#staley'）。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: Scale Y: Resize Image 

Answer 2

这很棒：

https://github.com/sheldon/jquery-cropzoom