问题标签 [shadow]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1776 浏览

jquery - 带有jQuery官方插件的文本和框阴影、圆角和渐变

是否有任何官方 jQuery 插件(如 jQuery UI)允许在所有浏览器中使用这些效果?或者至少是 IE8、Chome、FF 和 Opera。我不想要用户插件,因为它们通常缺乏长期支持,彼此不兼容或缺乏一致的质量和优化。

我在 jQuery UI 演示页面中看到了一些“覆盖和阴影类”,但我找不到关于它们的任何文档。我认为那些经常需要的功能必须以某种方式包含在 jQuery 中?

我会感谢任何帮助!提前致谢!

0 投票
1 回答
600 浏览

wpf - 没有阴影的 WPF Aero 窗口

我知道以下问题: 我想禁用特定航空窗上的阴影效果

但是,我仍然需要 Aero 窗口后面的 DWM 模糊/反射,所以我无法创建自定义透明的。我将如何处理?我可以自己处理反射,但我不知道如何创建模糊。

0 投票
1 回答
302 浏览

passwords - 返回支持的哈希算法

我需要在系统上返回支持的哈希算法(用于哈希密码)的命令或脚本,我的意思是算法可以与 pam.d 配置文件或 login.defs 一起使用。

通常支持 md5、bigcrypt、sha256、sha512 和河豚,但我需要以编程方式检查是否支持新算法并在我的脚本中确定它。我检查了 /proc/crypto 但它比我之前提到的要少

谢谢

0 投票
1 回答
463 浏览

internet-explorer - 如何在 IE7 及更早版本中将子元素定位在其父元素的后面

我正在尝试在 Internet Explorer 中创建一个模糊的阴影(类似于 CSS3 框阴影)。最合乎逻辑的方法似乎是在 IE 中找到所有需要阴影的元素,并使用 jQuery 在其中注入一个新的 div。这个新的 div 将填充与其父级完全相同的空间,然后可以使用 IE 的模糊过滤器对其进行模糊处理。html 看起来像这样:

和CSS:

这将完美地工作(稍作调整以确保不同区域的重叠正常工作),除了 IE7 和更早版本似乎不允许您将子元素放在其父元素之后,无论您如何设置“位置”和“z-index”。

另一种选择是在需要阴影的框之前或之后插入 .ie_shadow div,但这有其自身的一些问题。具体来说,没有很好的方法来设置阴影的宽度(和位置),除非它是由需要阴影的 div 明确设置的。如果用户调整页面大小,此方法似乎也会崩溃,因为 .ie_shadow 的高度和宽度是明确设置的,并且不会自动重新计算。

任何帮助深表感谢。谢谢!

编辑:对于一个实时示例,请参见此处:http ://martinsmucker.com/demo/ie_shadow.html 对于我们这些不再拥有 IE7 的人,将 IE8 设置为以 IE7 标准模式显示页面可以忠实地重现该问题。

0 投票
2 回答
2286 浏览

opengl - 从片段着色器访问 32 位深度缓冲区?

我正在尝试使用以下阴影技术,我在 NVIDIA 网站上阅读了它,这似乎是一种很好的技术。我更喜欢它来计算 cpu 上的阴影体积,因为它看起来更“真实”,我可以使用它来进行软阴影。:

第一关:

  • 从 LIGHT0 的角度填充深度缓冲区。复制此深度缓冲区以进行第二次传递。(*)

第二关:

  • 从 EYE 渲染视图,并为每个片段:
    • 获取存储在 (*) 中的深度缓冲区中的 XY 位置。获取对应的 32 位值。
    • 计算到灯光的距离。
    • 将此距离与存储的深度缓冲区值匹配。
    • 如果它更大,则在 glDisable(LIGHT0) 模式下绘制片段,否则在启用灯光的情况下绘制。为此,我使用了两个片段着色器,并根据距离的比较在两者之间进行片段混合/切换。

现在,出于某些原因,我想在片段着色器中执行最后一步。其中之一是我想将距离考虑到阴影的“效果”。在我的游戏中,如果与障碍物的距离很小,可以肯定地说阴影会非常“严格” . 如果距离越远,全局光照越多,阴影越小。这是因为它是纸牌游戏,对于更复杂的“凹”形状则不会出现这种情况。

但是,我是 openGL 的新手,我不明白如何执行以下任何操作:

  • 如何在不将其复制到 2d 纹理的情况下访问片段着色器中的第一遍深度缓冲区。我认为这是不可能的?
  • 如果将 32 位深度缓冲区复制到每个 R、G、B、A 组件中具有 8 位的纹理,然后在片段着色器中重新组装该值是我能做的最有效的事情?
  • 如果有跨平台扩展,我可以使用它。

谢谢,如果有人可以帮助我或给我更多的想法,我现在有点难过,我缺乏良好的硬件和空闲时间真的使得调试/尝试所有东西的过程很累。

0 投票
1 回答
6778 浏览

javascript - Javascript:从 X、Y 坐标获取方向的公式

我正在制作一个实用程序来快速创建 CSS 阴影,并意识到这只能在带有IE 过滤器的 IE 中完成。但是,阴影过滤器使用方向而不是 (x, y) 坐标:

如何从(x,y)坐标计算方向?

编辑:使用给出的回复和来自此链接的更多详细信息:我修改了我的代码如下:

如果您传入将分别用作 X、Y 的水平偏移和垂直偏移,您将获得从 0 到 359 的度数。

0 投票
1 回答
1395 浏览

colors - 在笔尖中为 UIButton 的标题设置阴影颜色

我正在开发一个简单的 iPhone 应用程序。我想为笔尖中的 UIButton 的标题设置阴影颜色。

有人可以帮我找到笔尖中标题的设置阴影颜色吗?

谢谢和问候, 迪帕

0 投票
1 回答
202 浏览

firefox - Firefox / Gecko 最近才支持“-moz-box-shadow”吗?

-moz-box-shadowFirefox 的支持情况如何?我以为我听说了很长一段时间,但页面

https://developer.mozilla.org/en/css/-moz-box-shadow

说直到 Firefox 3.5 和 Gecko 1.9.1 才支持它?(使用当前的 Firefox 3.6.12 和 Gecko 1.9.2)所以直到最近才支持它,这是真的吗?

0 投票
4 回答
6191 浏览

html - 使用 CSS 为字体添加阴影效果

大家好,我再次需要你的帮助:D

是否可以仅使用 CSS 将阴影效果添加到 HTML 中的文本?我正在开发一个有很多按钮的项目,我需要找到一种方法来在不使用图像的情况下将阴影效果添加到其中的文本中,并与最常用的浏览器兼容。我尝试在 CSS 中使用“text-shadow”属性,但没有成功。

谢谢

0 投票
2 回答
1287 浏览

shadow - CSS中box-shadow和-moz-box-shadow的准确解释是什么?

我发现 CSS 的解释box-shadow有些-moz-box-shadown不精确。

http://www.w3.org/TR/2010/WD-css3-background-20100612/#the-box-shadow

第三个长度是模糊距离。不允许使用负值。如果模糊值为零,则阴影的边缘很锐利。否则,值越大,阴影边缘越模糊。

第四个长度是传播距离。正值会使阴影形状在所有方向上扩展指定的半径。负值会导致阴影形状收缩。

第四个长度是否真的会使用相同的颜色(最暗的阴影),并为指定的宽度重复此操作?所以它不会平滑模糊吗?

它可以实现指定模糊率或淡出率......?

有人非常准确地知道它们是如何工作的吗?