gpt4 book ai didi

javascript - HTML/CSS 在 css 掩码中绘制方形窗口

转载 作者:行者123 更新时间:2023-11-28 14:55:35 26 4
gpt4 key购买 nike

所以我有一个图像网格( map 图 block ),我使用绝对定位的 div 在其上绘制了一个半透明 mask ,宽度和高度设置为 100%。

我现在希望用户能够在蒙版上绘制一个矩形,使用鼠标使用鼠标按下、拖动、鼠标弹起。矩形将随着鼠标移动而动态绘制,并且矩形将像一个通过 mask 的窗口,显示下面的 map 图 block ,没有半透明。

我目前正在考虑使用 5 个 div - 一个用于窗口,4 个用于 mask ,在我拖动鼠标时将使用 javascript 调整大小。有谁知道更简单的方法吗?我正在使用 jquery,我需要向上支持 IE7,所以 html5 only 技术已经过时了。

干杯,

最佳答案

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

也许可以从中切出那部分。

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

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