Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了图像作物与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全部内容,希望文章能够帮你解决图像作物与AngularJS所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。