是否有可能在颤振中为PNG图像提供投影？

Question

​

​

我设计了它的第一个图形，在那里我增加了一个滴滴阴影的蝴蝶只是为了感觉更有趣。我想知道我是否也能做到这一点。我尝试过Box Shadow小部件，但它将阴影作为正方形或矩形。

Answer 1

您可以通过使用Stack、BackdropFilter和复制两次图像来实现它。

  Stack(
        children: [
          Image.asset(
            imgPath,
            color: Colors.black.withOpacity(0.7),
          ),
          BackdropFilter(
            filter: ImageFilter.blur(
              sigmaX: 10.0,
              sigmaY: 10.0,
            ),
            child: Image.asset(
              imgPath,
            ),
          )
        ],
      ),

第一个图像将充当阴影。可以通过更改透明度值和西格玛值来调整效果。

Answer 2

尝试使用以下代码。

Stack(
  alignment: Alignment.center,
  children: [
    Image.asset(
      imgPath,
      color: Colors.black.withOpacity(0.3),
    ),
    ClipRect(
      child: Padding(
        padding: const EdgeInsets.all(8.0),
        child: BackdropFilter(
          filter: ImageFilter.blur(
            sigmaX: 5.0,
            sigmaY: 5.0,
          ),
          child: Image.asset(
            imgPath,
          ),
        ),
      ),
    )
  ],
)