因此,我有一个图像网格(地图图块),并使用绝对定位的div(宽度和高度设置为100%)在其上绘制了一个半透明的蒙版。

我现在希望用户能够使用鼠标下移,拖动,鼠标上移的方式在蒙版上绘制一个矩形。该矩形将随着鼠标的移动而动态绘制,并且该矩形就像一个穿过蒙版的窗口,在其下方显示地图图块,且不具有半透明性。

我目前正在使用5个div-一个用于窗口,另一个4个用于蒙版,当我拖动鼠标时将使用javascript进行调整。有谁知道更简单的方法来做到这一点?我正在使用jquery,并且我需要向上支持IE7,因此仅html5技术可用。

干杯,

科姆

最佳答案

我认为jQuery Crop plugin完全可以满足您的需求(演示here)。

也许可以从中剔除那部分。

关于javascript - HTML/CSS在CSS蒙版中绘制方形窗口,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/3733740/

10-13 01:57