Angular material 删除 mat-carousel 中的图像颜色

Question

我在我的应用程序中使用滑过图像。它工作正常，但我想删除它并使用原始图像的每张图像上都有灰色。

<mat-carousel timings="250ms ease-in" [autoplay]="true" interval="5000" maxWidth="100%"
   proportion="25" slides="5" [loop]="true" [hideArrows]="false" [hideIndicators]="false" [useKeyboard]="true"
   [useMouseWheel]="false" orientation="ltr">
   <mat-carousel-slide #matCarouselSlide *ngFor="let slide of slides; let i = index" [image]="slide.image"
       overlayColor="#00000040" [hideOverlay]="false"></mat-carousel-slide>
</mat-carousel>

图像看起来像这样

原始图像更亮

知道如何实现这个

Answer 1

在您的 mat-carousel-slide 中，您正在使用 overlayColor="#00000040" [hideOverlay]="false"。相反，你应该隐藏覆盖。尝试 [hideOverlay]="true" 并删除 overlayColor.

Angular material 删除 mat-carousel 中的图像颜色

Angular material remove image color in mat-carousel

html

angular-material

angular