HTML/CSS在css蒙版中绘制方形窗口
HTML/CSS在css蒙版中绘制方形窗口
提问于 2010-09-17 16:27:12
所以我有一个图像(地图瓦片)的网格，我用一个绝对定位的div在它上面画了一个半透明的蒙版，宽度和高度设置为100%。
现在我希望用户能够在蒙版上画出一个矩形，使用鼠标按下，拖动，鼠标向上。矩形将在鼠标移动时动态绘制，并且矩形将像一个窗口，穿过蒙版显示下面的地图瓦片，而不是半透明。
我目前正在考虑使用5个divs一个用于窗口，4个用于掩码，它们将在我拖动鼠标时使用javascript调整大小。有没有人知道更简单的方法呢？我使用的是html5，我需要更高版本的jquery来支持jquery，这样就不需要jquery技术了。
干杯,
列
回答 2
Stack Overflow用户
回答已采纳
发布于 2010-09-17 16:38:21
我认为jQuery Crop plugin完全满足了您的需求(演示here)。
也许我们可以从中挖掘出这一部分。
Stack Overflow用户
发布于 2010-09-17 16:30:21
您应该尝试使用SVG canvas。有一个SVG js库，非常适合初学者：http://raphaeljs.com/，看看它
请注意，这与HTML5无关(请不要与HTML5 CANVAS混淆，这是SVG)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3733740
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号