橙光代码模式

Appearance

图片滤镜 ​

为图片设置滤镜作为LM.ImgView的高级用法,可以实现一些特殊的效果。

详细说明 ​

滤镜类型分为两类：

  1. 颜色滤镜 对图片颜色进行更改
  2. 叠加滤镜 两张图片颜色进行叠加，图片只能使用一个滤镜，再次调用滤镜函数时会覆盖之前内容

示例 ​

typescript
let bg = new LM.ImgView();
bg.src = "graphics/教学采集界面素材/grassbg.jpeg"
this.addChild(bg)
let img = new LM.ImgView();
img.src = "graphics/教学采集界面素材/橙娘.png"
this.addChild(img)

// 清空滤镜
img.setFilterData(LM.FilterEffectEnum.NONE)
// 颜色滤镜 第二个参数 顺序为 [红 绿 蓝 灰度 色相]
img.setFilterData(LM.FilterMode.HUE,[255,0,0,0,0])
// 叠加滤镜 将img和bg进行叠加
img.setFilterData(LM.FilterMode.ADD,LM.FilterEffectEnum.NORMAL,bg);

// 叠加滤镜最后一个参数可以选择是否显示目标图片，默认是显示
img.setFilterData(LM.FilterMode.ADD,LM.FilterEffectEnum.NORMAL,bg,true);

这里是一个简单的demo，具体效果可以从右侧操控界面修改属性后查看。