图像作物与AngularJS

发布时间：2020-12-17 09:52:29 所属栏目：安全来源：网络整理

导读：我想让用户裁剪一个图像,我发现这个 JQuery插件 – http://deepliquid.com/content/Jcrop.html 我尝试使用Angular-ui的Jquery passthrough选项,将ui-jq = Jcrop指令添加到 img 问题是如果我使用ng-src来动态地更改图像,它不起作用,没有看到.如果我将其更改为

我想让用户裁剪一个图像,我发现这个 JQuery插件 – http://deepliquid.com/content/Jcrop.html

我尝试使用Angular-ui的Jquery passthrough选项,将ui-jq = Jcrop指令添加到< img>

问题是如果我使用ng-src来动态地更改图像,它不起作用,没有看到.如果我将其更改为src并放置静态网址,我可以看到图像和Jcrop.

我该怎么解决？
还有,如何听Jocrop的回调来知道用户的选择是什么？

有没有更好/更简单的方法来添加图像裁剪功能到AngularJS？

这是我的解决方案：

我已经写了一个创建img元素并在其上应用插件的指令.当src更改时,此img将被删除,并且由插件创建的内容也被销毁,然后重新创建新的img与新的src并再次应用插件.

还提供“选择”回调,以便能够获得所选择的协调(包裹在$apply中,以便您可以在其中修改范围值).

检查my solution at Plunker

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!