0

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

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

我目前正在考虑使用 5 个 div - 一个用于窗口,4 个用于蒙版,当我拖动鼠标时将使用 javascript 调整其大小。有谁知道更简单的方法来做到这一点?我正在使用 jquery,我需要向上支持 IE7,因此只有 html5 的技术已经淘汰。

干杯,

科尔姆

4

2 回答 2

1

我认为jQuery Crop 插件完全符合您的需求(此处为演示)。

也许有可能从中分出那部分。

于 2010-09-17T08:38:20.980 回答
-1

您应该改用 SVG 画布。有一个 SVG js 库,适合初学者: http ://raphaeljs.com/ ,看看

请注意这与 HTML5 无关(请不要与 HTML5 画布混合,这是 SVG)

于 2010-09-17T08:30:20.770 回答