Jquery 两个div不透明度差

基本上，我正在尝试创建图像裁剪脚本，几乎完成了，下面是我的脚本：

---

但是我不知道如何使

裁剪区

有清晰的背景而没有深色，有谁能帮我一点忙吗？：）

您需要创建5个div来完成此操作-只有一个div是不可能的-除非您使用

canvas

元素，在该元素上剪切出代表所选区域的正方形

    [////////////]
    [//][    ][//]
    [////////////]

大概是这样：）

---

然后，当您更改选定区域的大小/位置时，您需要重新计算div的所有位置，以匹配要裁剪的目标区域

您需要创建5个div来完成此操作-仅使用一个div是不可能的-除非您使用了

画布

元素，在该元素上剪切出代表选定区域的正方形

    [////////////]
    [//][    ][//]
    [////////////]

大概是这样：）

---

然后，当你改变所选区域的大小/位置时，你需要重新计算div的所有位置以匹配目标区域裁剪

除非你是为挑战或乐趣而这样做的，否则为什么不考虑使用一个库比如JCuts:

< P>除非你是为挑战或乐趣而这样做的，为什么不考虑使用诸如JCuts:

< P>之类的库，而在CARPH区域的背景中添加相同的PIC是可能的。< /P> 我在这里做到了：

在你的CSS中

#crop_area{width:120px; height:160px;  position:absolute; 
background:url(http://4.bp.blogspot.com/-Ly7zNPYNc4c/TmDqZ9yF4FI/AAAAAAAAAnc/EqOw62ryF5w/s1600/Anime-Wallpapers-5.jpg);
background-size:466px 350px;
}

它可以被优化，并且有一些剪辑，但它是有效的（lol）

编辑：更改bind（）的live（）将使bgUpdate与resize一起工作

---

在作物种植区的背景中添加相同的图片时，这是可能的

我在这里做到了：

在你的CSS中

#crop_area{width:120px; height:160px;  position:absolute; 
background:url(http://4.bp.blogspot.com/-Ly7zNPYNc4c/TmDqZ9yF4FI/AAAAAAAAAnc/EqOw62ryF5w/s1600/Anime-Wallpapers-5.jpg);
background-size:466px 350px;
}

它可以被优化，并且有一些剪辑，但它是有效的（lol）

编辑：更改bind（）的live（）将使bgUpdate与resize一起工作

---

我这样做是为了迎接挑战，因为这既困难又有趣：）我这样做是为了迎接挑战，因为这既困难又有趣：）这似乎有点难，但是我想没有其他选择了这很容易-你已经有了左上角和右下角的位置，所以很容易计算每个容器的位置/宽度-你在下面的评论中说你想这样做是为了一个挑战，我认为这是一个有趣的案例：）如果你在这个评论上对我进行堆叠你正在努力解决的问题看起来有点难，但是我想没有其他选择了这很容易-你已经有了左上角和右下角的位置，所以很容易计算每个容器的位置/宽度-你在下面的评论中说你想这样做是为了一个挑战，我认为这是一个有趣的案例：）如果你在这个评论上对我进行堆叠你正在努力解决的问题，但时间太晚了，我正在尝试做Tom Tu建议的事情，我想做一件能快速工作的事情哦，对不起。。。调整大小是可以的，拖拉滞后，必须优化它，但如果你有解决方案，我不会这样做…谢谢你的帮助，但我已经在这里做了它看起来仍然有一些缺陷，但没有这么多的滞后：）但它相当滞后，我正在尝试做什么汤姆图建议，我的东西会工作得更快哦抱歉。。。调整大小是可以的，拖动滞后，必须优化它，但如果你有解决方案，我不会这样做…谢谢你的帮助，但我已经在这里做了它看起来仍然有一些错误，但没有太多的滞后：）