gpt4 book ai didi

angularjs - 使用 AngularJS 裁剪图像

转载 作者:行者123 更新时间:2023-12-02 19:16:40 26 4
gpt4 key购买 nike

我想让用户裁剪图像,我找到了这个JQuery插件 - http://deepliquid.com/content/Jcrop.html

我尝试将它与 Angular-ui 的 Jquery 直通选项一起使用,添加 ui-jq=Jcrop指令<img>

问题是,如果我使用 ng-src 动态更改图像,它不起作用并且什么也看不到。如果我将其更改为 src 并输入静态 url,我可以看到图像和 Jcrop。

我该如何解决这个问题?另外,我如何监听 Jcrop 的回调来了解用户的选择是什么?

是否有更好/更简单的方法来向 AngularJS 添加图像裁剪功能?

最佳答案

这是我的解决方案:

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

还提供了“选定”回调,以便能够协调选定的内容(包装在 $apply 中,以便您可以修改其中的范围值)。

检查my solution at Plunker

关于angularjs - 使用 AngularJS 裁剪图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14319177/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com