鼠标放上js遮罩层 - 腾讯云开发者社区

文章/答案/技术大牛

发布

2回答

删除鼠标位于图层上的图层

actionscript-3

homeBg层是一个图像，homeMask层是相同的图像，但它有一个铅笔剪贴画的外观。我想要的是，无论我在哪里移动鼠标，主遮罩层都应该被擦除，这样最底层才会变得可见(只在遮罩被擦除的地方)。那么，如果鼠标悬停在遮罩层上，我如何让遮罩层自动擦除呢？

浏览 1提问于2011-07-18得票数 0

回答已采纳

1回答

kinetic.js可以拖出舞台吗？

kineticjs

有没有人知道是否可以设置kinetic.js，这样用户就可以拖动到舞台之外？如果用户将鼠标移出舞台，一旦鼠标离开舞台，他们就会失去对项目的控制。似乎其他人在这里遇到了类似的问题，不得不修改一下源代码来修复它：我的想法是让舞台比现在大得多，并设置一个层作为较小的遮罩区域，但如果kineticjs只跟踪鼠标事件，即使鼠标离开了舞台，也会更方便。

浏览 3提问于2012-12-19得票数 0

回答已采纳

2回答

有没有办法让一个半透明的div带有动态放置的“孔”？

javascript、jquery、css、html、transparency

我正在创建一个有两个层的页面:一个图像层和一个在它上面的半透明的“遮罩层”。我想在蒙版上动态地放置一个小的矩形“洞”，这样它下面的原始图像就可以在那个区域看到。谢谢!阿米特

浏览 1提问于2010-09-23得票数 1

回答已采纳

1回答

在fabric.js画布上添加遮罩层

javascript、html、canvas、fabricjs

本文描述了类似的问题：我的问题是，当我在fabric.js画布上添加这个层时，我的画布在这个透明的圆圈内不再是可编辑的。这意味着顶部的元素(遮罩)捕获了单击/拖动事件，但我想移动此遮罩元素下的项。

浏览 11提问于2011-11-28得票数 4

回答已采纳

1回答

主动模糊div后面的所有内容

javascript、html、css、user-interface、blur

有大量的JS库SVG/CSS技巧可以使div层的背景变得模糊。但它们所做的都是模糊单个帧，并在未模糊的层上取消模糊部分的遮罩。

浏览 1提问于2014-07-12得票数 0

1回答

我的可拖动UI元素也在拖拽相机吗？如何防止UI拖动移动摄像头？

c#、unity3d

dragStartPosition - dragCurrentPosition; }} 相机脚本的工作效果和预期的一样好，相机可以用鼠标拖动

浏览 1提问于2021-04-20得票数 1

1回答

casper js屏幕截图不适用于svg掩码

casperjs

我正在使用d3创建使用svg掩码的可视化效果，并尝试使用casper js获取屏幕截图。它通常工作得很好，除了它没有正确地渲染蒙版；它显示了所有的层，而不仅仅是被遮罩的一层。

浏览 0提问于2013-06-20得票数 2

1回答

css转换的问题

css、hover、mask、css-transitions

我正在尝试设置一个简单的css过渡，其中在项目上有一个蒙版，当用户将鼠标悬停在项目上时，蒙版不透明度变为0，项目完全可见。我遇到的问题是，当我将遮罩放在项目中时，例如： Home</div> About <div class="mask">

浏览 0提问于2012-03-25得票数 2

回答已采纳

0回答

Konva js视窗支持？

viewport、konvajs

我目前正在使用Fabric JS，但我不喜欢那里的层/组实现，但是除了层之外，fabric js还有一些我目前在konva js中找不到的有用的东西:视窗。要实现缩放到某个点(通常是鼠标光标)，并使用转换后的坐标发出鼠标事件，需要做多少工作？谢谢:)！

浏览 11提问于2017-12-01得票数 0

4回答

如何在css中切片图像

javascript、html、css

"img_section" ></div>我不想使用遮罩层来隐藏图像我用边框半径属性来做，但是我做不到，如果CSS做不到，那么js也可以做吗？

浏览 0提问于2015-07-20得票数 1

3回答

jQuery If语句和变量

jquery、mask

基本上，我有一个顶部的工具栏，当鼠标悬停在上面时可以向下滚动。我添加了一个顶部遮罩层，使其更暗。我希望当css top值为=-180时，顶部蒙版可见。

浏览 3提问于2011-03-20得票数 0

回答已采纳

1回答

Mapbox :当图层被堆叠时，在鼠标中心和鼠标保存上创建悬停效果(z-索引)

mapbox、mapbox-gl-js

我使用过滤ala https://www.mapbox.com/mapbox-gl-js/example/hover-styles/来侦听鼠标事件，并在适当的时候隐藏和显示第2层。在我的代码中，我正在监听第一层上的mouseenter和mouseleave事件。我的问题是，当第二层通过过滤器中的更改显示时，它会导致一个鼠标保存事件从第一层触发，因为第二层位于第一层之上。当<e

浏览 1提问于2017-10-24得票数 3

2回答

以编程方式折叠传单JS层控制

javascript、controls、leaflet、layer

如何使用JS代码关闭传单JS层控制？在桌面上，当鼠标光标离开控件时，控件将很好地关闭。然而，在移动电话上，用户需要点击外部控件来关闭它。一旦用户选择控件中的一个层，我想手动关闭它。

浏览 2提问于2014-07-07得票数 5

回答已采纳

3回答

统一:光线投射不会打中子对象的碰撞器

c#、unity3d

我希望能够检测到鼠标点击塔，但不是瓷砖，与光线投射。瓦片和双子塔都有2d盒子对撞机。我可以检测到瓷砖上的点击，但raycast不会检测到塔楼上的点击。我该如何解决这个问题呢？谢谢。hit.collider.transform.tag); }当我遮罩瓷砖(这里是第8层)时，我什么也得不到。

浏览 3提问于2017-03-04得票数 0

回答已采纳

2回答

Unity:光线投射不适用于子对象的碰撞器

c#、unity3d

浏览 10提问于2017-03-03得票数 0

回答已采纳

2回答

HTML onmouseover和onmouseout

javascript、jquery、html

我的HTML：我的JS： function我想做的是:当用户鼠标在该图像上时，它将显示一个新的div层。当用户鼠标离开图像时，隐藏这个新层。

浏览 1提问于2014-01-20得票数 0

回答已采纳

3回答

CSS:鼠标悬停功能，从一个‘光泽’层覆盖的绘图

css

我的页面上有一个带有“数据点高亮显示”功能的javascript图:当鼠标悬停在该点上时，您可以看到坐标弹出窗口。我还想在绘图上放置一个半透明的“光泽”图像层，以使其看起来有光泽。我可以使用z-index来实现这一点，但是js图的鼠标悬停功能停止工作。有没有一种方法可以让光泽层位于顶部，同时仍然将鼠标悬停在下面的层(绘图层)上？非常感谢。

浏览 10提问于2010-04-28得票数 1

2回答