在 Nativescript 中以灰度显示图像

Question

我正在尝试在我的 nativescript 应用程序中以灰色显示图像。但是好像不行。

我在 class 中使用它：

filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */

但是图像显示为全彩色...有什么技巧可以让它起作用吗？

Answer 1

CSS 过滤器属性不受支持，使用 nativescript-image-filters 插件。

tns plugin add nativescript-image-filters

在 Nativescript 中以灰度显示图像

Show images in grayscale in Nativescrpt

css

nativescript

nativescript-angular