shadow 相关问题

CSS - 具有 2 个背景图像的元素 - 如何在其中一个背景图像周围放置阴影？

我有一个带有两个背景图像的 div 元素，这两个图像都是使用 JavaScript 添加的。 第一个背景图片位于 div 顶部，根据“data-img”属性设置，而第二个...

“不透明度”打破了 React Native 视图上的阴影

说明：在下面的代码中，主视图的样式不透明度设置为 1，并且阴影效果完美。当我将不透明度设置为 0.6 时，阴影会扰乱视图。请检查图像以查看...

使用立方体贴图（OpenGL/GLSL）的点光源可以产生柔和的阴影吗？

我编写了一个管理聚光灯阴影贴图的 3D 应用程序。为此，我使用经典的阴影贴图技术（我在第一个渲染通道中填充深度纹理，在第二个渲染通道中填充深度纹理...

Figma 阴影效果可以颤动？

有谁知道如何将这种阴影效果应用到按钮上？我正在使用 Figma 设计作为我的第一个 Flutter 项目的参考，那里有一个内部阴影效果，但是对于 Flutter，...

如何使用 selenium python 单击同意管理器（consentmanager.net）内的按钮？

我正在尝试在网站 https://diablochairs.com/en/ 上使用 Python 中的 Selenium 接受 cookie。我在这方面遇到困难，因为我找不到接受按钮。整个窗户都是

如何在THREE.js中更新光照的shadowMap大小

我希望能够在 Three.js 中更新定向光上阴影贴图的大小。 当简单地更新“shadowMapWidth”和“shadowMapHeight”时，什么也没有发生。当我更新“

三个js - 不同灯光的不同阴影贴图

我有一个带有两个灯光的三个 js 场景。我希望灯光 A 使用 PCFShadowMap，灯光 B 使用 BasicShadowMap。如何实现这一目标？ 我主要关心的是性能。我正在寻找一种投射方式

android 高度隐藏布局的所有视图

我的布局如下面的屏幕截图所示。 我的代码如下。 我的布局如下面的屏幕截图所示。 我的代码如下。 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/white" > <LinearLayout android:id="@+id/ll_main" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginStart="@dimen/margin_smallxx" android:layout_marginTop="@dimen/margin_normalxx" android:layout_marginEnd="@dimen/margin_smallxx" android:orientation="vertical"> ....... 现在我想为盒子添加阴影，如下所示。 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/white" > <TextView style="@style/shadowStyle" android:elevation="20dp" android:layout_alignTop="@id/ll_main" android:layout_alignBottom="@id/ll_main" android:layout_alignStart="@id/ll_main" android:layout_alignEnd="@id/ll_main" /> <LinearLayout android:id="@+id/ll_main" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginStart="@dimen/margin_smallxx" android:layout_marginTop="@dimen/margin_normalxx" android:layout_marginEnd="@dimen/margin_smallxx" android:orientation="vertical"> shadowStyle如下。 <style name="shadowStyle" parent="@android:style/TextAppearance"> <item name="android:layout_width">match_parent</item> <item name="android:layout_height">match_parent</item> <item name="android:text"></item> <item name="android:background">@drawable/myrect</item> <item name="android:outlineSpotShadowColor">@color/shadow_color</item> </style> 和myrect.xml形状如下。 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="#FFFFFF" /> <corners android:radius="20dp" /> </shape> 当我添加此内容时，下面的所有视图都会被隐藏，这很奇怪。 应用程序截图如下。 我将 shadow_color 表示为 #FF00FF 仅用于测试目的。 知道如何使其正确吗？我是不是错过了什么... 以下是我根据mãĴď评论所做的事情 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" xmlns:app="http://schemas.android.com/apk/res-auto" android:background="@color/white"> <androidx.cardview.widget.CardView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginStart="@dimen/margin_smallxx" android:layout_marginTop="@dimen/margin_normalxx" android:layout_marginEnd="@dimen/margin_smallxx" app:cardCornerRadius="10dp" app:cardElevation="20dp" android:outlineSpotShadowColor="@color/shadow_color" > <LinearLayout android:id="@+id/ll_main" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> ........ </LinearLayout> </CardView> </RelativeLayout> 这意味着我们将拥有卡片视图并将整个布局放入其中......

如何彻底摆脱阴影痘痘和错误的自我阴影？

我正在做简单阴影贴图，在处理阴影痤疮和错误的自阴影方面遇到问题，而且无法摆脱它。 我已经尝试在深度值和渲染中添加偏差...

按钮的圆角半径和阴影问题

我正在尝试创建一个带有圆角和阴影的按钮。无论我如何切换，该按钮都无法正确显示。我尝试过 maskToBounds = false 和 maskToBounds = true，但是

在.net MAUI 8 中向边框添加阴影

我正在尝试创建带有阴影的卡片，如 .net maui 8.0 中的模拟所示 我使用边框作为父级，内部有一个网格用于卡片的布局。然而，当我给 B 添加阴影时...

如何将纹理平滑地混合成接近黑色的颜色？

是否有着色方法可以让您将纹理平滑地混合成全黑，而不会出现此图片中出现的“渗色”伪影： 使用 Unity 在 Unity 中截取的屏幕截图...

如何使用虚假数据阻止 Android 应用程序请求的权限

我正在尝试根据用户选择控制权限授予。因此，如果说用户在公共场合走出并且不想与 Facebook 应用程序分享他/她的位置，他/她应该撤销该许可...

如何使用Qt6在QML中创建DropShadow效果？

在 Qt5 中，使用 DropShadow 很容易做到这一点。 但在 Qt6 中，模块 QtGraphicalEffects 被删除。 Qt6 中是否有任何技巧、解决方法或新方法可以在某些组件周围创建阴影？

如何向矢量绘图添加阴影？

我有一个矢量可绘制对象（category_bg），我将其用作 FrameLayout 的背景 我有一个矢量可绘制对象（category_bg），我将其用作 FrameLayout 的背景 <?xml version="1.0" encoding="utf-8"?> <vector xmlns:android="http://schemas.android.com/apk/res/android" android:width="200dp" android:height="100dp" android:viewportWidth="600" android:viewportHeight="450"> <path android:fillColor="#FFFFFF" android:fillType="evenOdd" android:pathData="M24.8,21.4c0,0,73.8-8.1,161.3-8.1c77.7,0,153.9,2,231.9,2c88.5,0,156.3,6,156.3,6c5.6,0,10.1,4.5,10.1,10.1 c0,0,2,41.2,2,134.1c0,68.5,4,77.9,4,139.1c0,65-6,114.9-6,114.9c0,5.6-4.5,10.1-10.1,10.1c0,0-32.1,7.1-80.6,7.1 c-47.5,0-99.6-7.1-164.7-7.1c-77.6,0-160.9,6-219.4,6c-52.8,0-84.7-6-84.7-6c-5.6,0-10.1-4.5-10.1-10.1c0,0-4-46.6-4-111.9 c0-85.8-1-102.9-1-183.5c0-55,5-92.7,5-92.7C14.7,25.9,19.2,21.4,24.8,21.4z" /> </vector> 我想向矢量绘图添加阴影 我的 xml 文件 <FrameLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/category_bg" android:padding="3dp"> <com.shaker.materialComponents.view.MaskableFrameLayout android:id="@+id/category" android:layout_width="match_parent" android:layout_height="wrap_content" app:mask="@drawable/pic_mask" app:porterduffxfermode="DST_IN"> <com.shaker.materialComponents.view.AspectRatioImageView android:id="@+id/image" android:layout_width="match_parent" android:layout_height="wrap_content" android:adjustViewBounds="true" android:scaleType="centerCrop" android:src="@drawable/meal" app:aspectRatio="0.75" app:aspectRatioEnabled="true" app:dominantMeasurement="width"/> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" android:background="@drawable/category_gradient_bg" android:gravity="center" android:orientation="horizontal" android:paddingBottom="16dp" android:paddingLeft="16dp" android:paddingRight="16dp" android:paddingTop="20dp"> <com.shaker.materialComponents.view.MaterialTextView android:id="@+id/name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:ellipsize="end" android:lines="1" android:text="Salads" android:textColor="#fff" android:textSize="18dp" android:textStyle="bold" app:customFont="GothamRounded-Bold.ttf"/> <ImageView android:id="@+id/expand_btn" android:layout_width="20dp" android:layout_height="20dp" android:src="@drawable/expand_button"/> </LinearLayout> </com.shaker.materialComponents.view.MaskableFrameLayout> 当前结果 添加阴影后应该是这样的 所有的荣誉都归于pskink，他在评论中将此代码链接到了问题。不幸的是，这似乎仍然是唯一的解决方案 // test code View v = new View(this); setContentView(v); Drawable source = getResources().getDrawable(R.drawable.chrome); Drawable mask = getResources().getDrawable(R.drawable.chrome_mask);; int[] colors = { Color.RED, Color.BLACK }; Drawable shadow = new GradientDrawable(GradientDrawable.Orientation.LEFT_RIGHT, colors); Shape s = new S(this, source, mask, shadow, 8); v.setBackground(new ShapeDrawable(s)); // end of test code ~ class S extends Shape { Context ctx; Drawable source; Drawable mask; Drawable shadow; float shadowRadius; Matrix matrix = new Matrix(); Bitmap bitmap; public S(Context ctx, Drawable source, Drawable mask, Drawable shadow, float shadowRadius) { this.ctx = ctx; this.source = source; this.mask = mask; this.shadow = shadow; this.shadowRadius = shadowRadius; } @Override protected void onResize(float width, float height) { int intrinsicWidth = source.getIntrinsicWidth(); int intrinsicHeight = source.getIntrinsicHeight(); source.setBounds(0, 0, intrinsicWidth, intrinsicHeight); mask.setBounds(0, 0, intrinsicWidth, intrinsicHeight); shadow.setBounds(0, 0, intrinsicWidth, intrinsicHeight); RectF src = new RectF(0, 0, intrinsicWidth, intrinsicHeight); RectF dst = new RectF(0, 0, width, height); matrix.setRectToRect(src, dst, Matrix.ScaleToFit.CENTER); Paint p = new Paint(); p.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN)); bitmap = Bitmap.createBitmap(intrinsicWidth, intrinsicHeight, Bitmap.Config.ARGB_8888); Canvas c = new Canvas(bitmap); shadow.draw(c); c.saveLayer(null, p, Canvas.ALL_SAVE_FLAG); mask.draw(c); c.restore(); bitmap = blurRenderScript(bitmap); c = new Canvas(bitmap); int count = c.saveLayer(null, null, Canvas.ALL_SAVE_FLAG); source.draw(c); c.saveLayer(null, p, Canvas.ALL_SAVE_FLAG); mask.draw(c); c.restoreToCount(count); } @Override public void draw(Canvas canvas, Paint paint) { canvas.drawColor(0xffdddddd); canvas.drawBitmap(bitmap, matrix, null); } Bitmap blurRenderScript(Bitmap input) { Bitmap output = Bitmap.createBitmap(input.getWidth(), input.getHeight(), input.getConfig()); RenderScript rs = RenderScript.create(ctx); ScriptIntrinsicBlur script = ScriptIntrinsicBlur.create(rs, Element.U8_4(rs)); Allocation inAlloc = Allocation.createFromBitmap(rs, input, Allocation.MipmapControl.MIPMAP_NONE, Allocation.USAGE_GRAPHICS_TEXTURE); Allocation outAlloc = Allocation.createFromBitmap(rs, output); script.setRadius(shadowRadius); script.setInput(inAlloc); script.forEach(outAlloc); outAlloc.copyTo(output); rs.destroy(); return output; } } 使用上面的解决方案，我对可绘制的圆形进行了此操作： val source: Drawable = ContextCompat.getDrawable(context,R.drawable.my_drawable)!! val colors = intArrayOf( Color.GRAY, Color.TRANSPARENT ) val shadow: Drawable = GradientDrawable(GradientDrawable.Orientation.BOTTOM_TOP, colors) val s: Shape = DrawableShadow(context, source, source, shadow, 10f) imageView.background = ShapeDrawable(s) imageView.setImageResource(R.drawable.my_drawable) 和我改变的DrawableShadow： class DrawableShadow( private val context: Context, private val source: Drawable, private val mask: Drawable, private val shadow: Drawable, private val shadowRadius: Float ) : Shape() { ... override fun draw(canvas: Canvas, paint: Paint?) { canvas.drawColor(Color.TRANSPARENT) ... 感谢@pskink的解决方案 如果您已经在使用 compose（或者愿意通过使用 ComposeView 和传统视图方法将其集成到您的项目中），您可以这样做： Box{ Icon( imageVector = Icons.Default.ArrowForward, contentDescription = null, Modifier .offset(x = (-1).dp, y = (1).dp) .blur(4.dp), tint = Color.Black ) Icon( imageVector = Icons.Default.ArrowForward, contentDescription = null, tint = Color.White ) } 看起来像这样： 可以使用模糊修改器和色调参数进行调整。为了清晰起见，本示例中的图标和值进行了硬编码。

有什么方法可以轻松地为 SVG 提供嵌入框阴影吗？

我希望能够为这个房子形状的 SVG 添加微妙的嵌入阴影。 HTML： 我希望能够为这个房子形状的 SVG 添加微妙的嵌入阴影。 HTML： <!DOCTYPE html> <html> <head> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <svg class="homeButton" xmlns="http://www.w3.org/2000/svg" height="10em" viewBox="0 0 576 512"><path d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"/></svg> </body> </html> CSS： * { background-color: lightcoral; text-align: center; } .homeButton { fill: white; margin-top: 12em; } 我尝试从互联网上复制粘贴代码，这是我所能做的，因为我对此类事情的经验非常有限。似乎没什么作用。 尝试使用滤镜使用投影： * { background-color: lightcoral; text-align: center; } .homeButton { fill: white; margin-top: 12em; filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3)); }

Android CardView 阴影被截断

阴影似乎切断了我的一些 CardView 用法。 知道为什么吗？看起来删除父级上的填充可以解决问题，但我确实想要填充。我不想在

UITableViewCell：子视图阴影被其他单元格和表视图外部切断？

我有一个单元格垂直间距为 10px 的设计。我想在这些单元格周围设置阴影（实际上我将这些阴影应用到每个单元格的子视图），但这是结果...

快速将阴影绘制到 uibezier 路径

我有一个奇怪的问题。尽管我确实阅读了很多有关如何执行此操作的教程，但最终结果仅显示贝塞尔线，而不显示任何阴影。我的代码非常简单： 让边界...

适用于 Android 的 Shadow Gradle 插件

有人成功使用Shadow Gradle Plugin生成AAR吗？我收到错误无法找到方法 ShadowJar()。这是我的配置 插件{ id 'com.android.library' id '