标签: shadow

我需要绘制一个rect带有阴影的画布，其四个侧面都有阴影rect，类似于 div 的样式为"box-shadow":"0px 0px 5px 5px"

我想在 UIView 和 Swift3、iOS 的阴影层中“切一个洞”

我有一个容器 (UIView)，它有 2 个孩子：

• 一个 UIImageView
• 该图像顶部的一个 UIView（“叠加”）

我想给叠加一个阴影并切出该阴影的内部矩形，以在 ImageView 的边缘创建类似发光的效果
插入发光至关重要，因为图像占用了屏幕宽度
我的代码迄今为止：

let glowView = UIView(frame: CGRect(x: 0, y: 0, width: imageWidth, height: imageHeight))
glowView.layer.shadowPath = UIBezierPath(roundedRect: container.bounds, cornerRadius: 4.0).cgPath
glowView.layer.shouldRasterize = true
glowView.layer.rasterizationScale = UIScreen.main.scale
glowView.layer.shadowOffset = CGSize(width: 1.0, height: 1.0)
glowView.layer.shadowOpacity = 0.4

container.addSubview(imageView)
container.addSubview(glowView)

结果如下所示：

现在我想剪掉较暗的内部部分，以便只保留边缘的阴影
任何想法如何实现？

我正在尝试向六边形添加阴影clip-path。由于通常的box-shadow( 和filter:drop-shadow()) 不适用于剪辑路径，因此我尝试在下面使用更大的伪元素来伪造效果。该方法取自此处，在一个更简单的示例中效果很好：

body {
  background-color: gray;
}

.rectangle {
  margin: 10%;
  position: absolute;
  background: white;
  width: 80%;
  padding-top: 25%;
}

.rectangle::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  filter: blur(10px) brightness(20%);
  transform: scale(1.1);
  z-index: -1;
  background-color: black;
}

<div class="rectangle">
</div>

然而，对剪切路径六边形使用完全相同的方法会失败。这个粗略的草图显示了所需的效果：

相反，我得到：

body {
  background-color: gray;
}

.hexagon {
  width: 20%;
  padding-top: 25%;
  -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, …

我有一个视图，我正在以编程方式应用阴影。但不幸的是，这个阴影出现在这个特定视图的所有子视图上。任何原因。

    cellView.layer.shadowColor = UIColor(red: 0, green: 0, blue: 0, alpha: 0.25).cgColor
    cellView.layer.shadowOffset = CGSize(width: 0, height: 2)
    cellView.layer.shadowOpacity = 1.0
    cellView.layer.shadowRadius = 0.0
    cellView.layer.masksToBounds = false
    cellView.layer.cornerRadius = 4.0

    timeLabel = UILabel(frame: CGRect(x: 10, y: 5, width: 50, height: self.bounds.size.height - 30))
    timeLabel.font = AmeyoConstants.smallerFont
    timeLabel.textColor = UIColor.darkGray
    cellView.addSubview(timeLabel)

我只在 cellView 上应用了阴影，但在运行应用程序时，阴影也会自动出现在 timeLabel 上。任何人都可以让我知道从父视图到子视图继承阴影的正确原因。

我Scaffold用appBar和创建了一个小部件drawer。

当我打开抽屉时，Scaffold的body小部件上有一个阴影。我想要么去除阴影，让它不那么“强”或稍微改变阴影。

我检查了文档，但没有找到任何方法可以通过公共 API 实现这一点。

有什么办法可以去除抽屉菜单在身体上的“阴影”？

高程选项有所不同，即使我将其设置为 0，身体顶部的叠加阴影仍然存在。

这个问题的描述截图可能有助于澄清我想要的。

介绍

我使用 Flutter 的 CustomPaint Widget 绘制一个自定义选项卡栏，如下所示：

另外，这是我用来绘制小部件的代码：

class TabBarPainter extends CustomPainter {
  final Color paintColor = Colors.redAccent 
  @override
  void paint(Canvas canvas, Size size) {
    /// the thing that I called as a deleter circle is an imaginary circle that I used to delete a semicircle from my rectangular shape

    var diameter = 80; /// X value is the diameter(R) of the deleter circle;
    double topSpace = 2;
    double startCurve = (size.width-diameter)/2; /// Start point of the curve
    double endCurve …

我正在尝试这样做

主要思想是在这个 div 中制作旋转木马，其中将包含图像和文本。

.background {
  height: 657px;
  /* background-color: red; */
  background-image: linear-gradient(135deg, #D4B8CE 5%, #DEC2D8 100%);
}

.background:before {
  content: '';
  width: 100%;
  height: .3%;
  bottom: 20%;
  position: absolute;
  background-image: linear-gradient(to right, #B59AB0 5%, #CBB2C7 100%);
}

.background:after {
  z-index: 9;
  content: '';
  background-image: linear-gradient(45deg, #D9BDD4 5%, #EBCFE5 100%);
  width: 100%;
  height: 20%;
  position: absolute;
  bottom: 0;
}

.listdiv {
  z-index: 10;
  position: absolute;
  height: 80%;
  bottom: 12%;
  left: 40%;
  width: 25%;
  background-color: white;
  background-image: url(https://i.pinimg.com/originals/93/34/c7/9334c7e1fb00a2b49b8c1d4504ec0a45.jpg);
  background-size: contain; …

<Frame
                    Grid.Row="3"
                    Grid.RowSpan="2"
                    Grid.Column="0"
                    Grid.ColumnSpan="5"
                    BackgroundColor="White"
                    CornerRadius="20"
                    HasShadow="False"
                    BorderColor="White"
                    HeightRequest="20" />

我想知道是否可以从 BoxView / Frame 中删除所有边框/阴影效果？请参见图片中那条淡灰色的直线。当我绘制白色框视图或框架时，叠加在白色页面上时，它似乎总是显示微弱的灰色边框/阴影。但我只是想让它与白色页面背景完美地融合在一起，这样它就看不见了。我尝试在框架上设置 BorderColor='White' 和 HasShadow="false" 。没有名为 borderwidth 的属性。提前致谢。

在Qt5 中，这很容易使用DropShadow。
但是在Qt6 中，模块QtGraphicalEffects 被删除了。

Qt6 中是否有任何技巧、解决方法或新方法可以在某些组件周围创建阴影？

以下是代码，旋转网格体不会在阴影材质上投射任何阴影。planBufferGeometry 似乎就在那里。-------------------------------------------------- -------------------------------------------------- -------------------------------------------------- -----------------

import React from 'react';
import './App.scss';
import {Canvas, useFrame} from 'react-three-fiber';


const SpinningMesh = ({position, args, color}) => {

  const mesh = React.useRef(null);
  useFrame(()=> (mesh.current.rotation.x = mesh.current.rotation.y += 0.01))

  return(
        <mesh castShadow ref={mesh} position={position}> 
          <boxBufferGeometry attach='geometry' args={args}/>
          <meshStandardMaterial attach='material' color={color}/>
        </mesh>
  );
}

function App() {

  return (
    <>
      <Canvas shadowMap colorManagement camera={{position:[-5,2,10], fov:60}}>
        <ambientLight intensity={0.3}/>
        <directionalLight
          castShadow
          position={[0,10,0]}
          intensity={1.5}
          shadow-mapSize-width={1024}
          shadow-mapSize-height={1024}
          shadow-camera-far={50}
          shadow-camera-left = {-10}
          shadow-camera-right = {10}
          shadow-camera-top = {10}
          shadow-camera-bottom = {-10} …