NativeScript-Image-Filters

用于原生图片滤镜的 NativeScript 插件。

示例

安装

在您的命令提示符/终端中转到您的应用根目录并执行

NativeScript 版本 7+：tns plugin add nativescript-image-filters

NativeScript 版本低于 7：tns plugin add [email protected]

用法

JS

import { Frame } from '@nativescript/core/ui/frame';
import { ImageFilters } from 'nativescript-image-filters';

const filters = new ImageFilters();

public effectOne() {
  const pic = Frame.topmost().currentPage.getViewById('myPicture');

      filters.invert(pic).then((result) => {

      // set the pic imageSource equal to the new imageSource
      pic.imageSource = result;

    }).catch((err) => {
      console.log('applyFilter ERROR: ' + err);
    });
}

重要提示

并非所有方法都经过测试。代码需要清理以减少方法中的重复。方法还需要一一对应于常用方法。目前并非所有 iOS 和 Android 方法都正确命名以用于图像滤镜。非常欢迎通过拉取请求来改进此插件的 API。

API

• highlightImage(img: Image, color: string, radius?: number): Promise<ImageSource>
• invert(img: Image): Promise<ImageSource>
• blackAndWhite(img: Image): Promise<ImageSource>
• gamma(img: Image, red: number, green: number, blue: number): Promise<ImageSource>
• colorFilter(img: Image, red: number, green: number, blue: number): Promise<ImageSource>
• sepiaEffect(img: Image, depth: number, red: number, green: number, blue: number): Promise<ImageSource>
• decreaseColorDepth(img: Image, bitOffset: number): Promise<ImageSource>
• contrast(img: Image, value: number): Promise<ImageSource>
• rotate(img: Image, degree: number): Promise<ImageSource>
• brightness(img: Image, value: number): Promise<ImageSource>
• gaussianBlur(img: Image): Promise<ImageSource>
• createShadow(img: Image): Promise<ImageSource>
• sharpen(img: Image, weight: number): Promise<ImageSource>
• meanRemoval(img: Image): Promise<ImageSource>
• smooth(img: Image, value: number): Promise<ImageSource>
• emboss(img: Image): Promise<ImageSource>
• engrave(img: Image): Promise<ImageSource>
• boost(img: Image, type: number, percent: number): Promise<ImageSource>
• roundCorner(img: Image, round: number): Promise<ImageSource>
• waterMark(img: Image, watermark: string, location: android.graphic.Point, color: string, alpha: number, size: number, underline: boolean): Promise<ImageSource>
• flip(img: Image, type: number): Promise<ImageSource>
• 调整图像色调(img: Image, degree: number): Promise<ImageSource}
• 跳蚤效果(img: Image): Promise<ImageSource}
• 黑色滤镜(img: Image): Promise<ImageSource}
• 雪景效果(img: Image): Promise<ImageSource}
• 阴影滤镜(img: Image, shadingColor: number): Promise<ImageSource}
• 饱和度滤镜(img: Image, level: number): Promise<ImageSource}
• 色调滤镜(img: Image, level: number): Promise<ImageSource}
• 反射效果(img: Image): Promise<ImageSource}
• 替换颜色(img: Image, fromColor: string, toColor: string): Promise<ImageSource}