图像作物与AngularJS

前端之家收集整理的这篇文章主要介绍了图像作物与AngularJS前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想让用户裁剪一个图像,我发现这个 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

猜你在找的Angularjs相关文章