ColorMatrixFilter色彩矩阵滤镜:

/**
*
* *----------------------------------------*
* | *** ColorMatrixFilter色彩矩阵滤镜 *** |
* *----------------------------------------*
*
* 编辑修改收录:fengzi(疯子、wu341、wgq341)
*
* 不会写代码,我是代码搬运工。
* 联系方式:QQ(493712833)。
*
* 随 笔: https://www.cnblogs.com/fengziwu/
*
* 版权协议:请自觉遵守LGPL协议,欢迎修改、转载、传播给更多需要的人。
* 免责声明:任何因使用此软件/程序导致的纠纷与软件/程序开发者无关。
* 日 期: 2019.05.10
*
* ---------------------- 实例 --------------------------- *
* 允许饱和度更改、色相旋转、亮度为 Alpha 以及各种其它效果。 您可以将滤镜应用于任何显示对象(即,从 DisplayObject 类继承的对象),例如 MovieClip、SimpleButton、TextField 和 Video 对象,以及 BitmapData 对象。
* 注意:对于 RGBA 值,最高有效字节代表红色通道值,其后的有效字节分别代表绿色、蓝色和 Alpha 通道值。
*
* mc.filters=[ColorMFUtils.brightness()]
*
* var bitmapData:BitmapData = new Img();//Img()是图片BitmapData
* var bitmap:Bitmap= new Bitmap(bitmapData);
* bitmapData.applyFilter(bitmapData,bitmapData.rect,new Point(),ColorMFUtils.brightness());
* addChild(bitmap)
*/ package fengzi.colors
{
import flash.filters.ColorMatrixFilter;
public class ColorMFUtils
{ /**
* 亮度调整
* @param value 取值为-255到255(设置RGB的色彩偏移就能调节其亮度)
* @return new ColorMatrixFilter
*/
public static function brightness(value:Number=1.0)
{
return new ColorMatrixFilter([1,0,0,0,value,
0,1,0,0,value,
0,0,1,0,value,
0,0,0,1,0]);
} /**
* 颜色反向
* @param value 取值为0到255(把RGB通道的原通道乘数设为-1,然后再把色彩偏移量设为255就行了)
* @return new ColorMatrixFilter
*/
public static function colorReversal(value:Number=255)
{
return new ColorMatrixFilter([-1,0,0,0,value,
0,-1,0,0,value,
0,0,-1,0,value,
0,0,0,1,0]);
} /**
* 图像去色
* 原理:只要把RGB三通道的色彩信息设置成一样;即:R=G=B,那么图像就变成了灰色,并且,为了保证图像亮度不变,同一个通道中的R+G+B=1:如:0.3086+0.6094+0.0820=1
*
* @return new ColorMatrixFilter
*/
public static function decoloring()
{
return new ColorMatrixFilter([0.3086, 0.6094, 0.0820, 0, 0,
0.3086, 0.6094, 0.0820, 0, 0,
0.3086, 0.6094, 0.0820, 0, 0,
0 , 0 , 0 , 1, 0]);
} /**
* 饱和度
* 当色彩饱和度低到一定成度的时候,就想当于给图像去色,所以跟图像去色,有着千丝万缕的联系;
* value为原有通道信息保留量;可以理解为百分之几,等于0时完全去色,小于1时降低色度,大于1时增加色度,等于2时色度翻一倍,等于3时……。注意:RGB的原有通道信息保留量都应该相等,不然会产生偏色。
*
* value是原通道色彩保留量:所以,在原通道中,我们都+ N,这是不能被别的通道瓜分的。剩余的就是(1-value),就让RGB按0.3086, 0.6094, 0.0820的比例还瓜分这个剩余量吧。
*
* @param value 取值为0到2,当然也可以更高。
* @return new ColorMatrixFilter
*/ public static function saturation(value:Number=2)
{
return new ColorMatrixFilter([
0.3086*(1-value) + value, 0.6094*(1-value), 0.0820*(1-value), 0, 0,
0.3086*(1-value), 0.6094*(1-value) + value, 0.0820*(1-value), 0, 0,
0.3086*(1-value), 0.6094*(1-value), 0.0820*(1-value) + value, 0, 0,
0, 0, 0 , 1, 0]);
} /**
* 对比度
* 所谓对比度就是让红的更红,绿的更绿……或反之。
* 设置色彩偏移量 offset。具体要偏移多少呢,我们找到了一个折中的方案:128(1-value);即:一幅图像,不论很亮或很黑,但对比度为0了,最终得到的都是一幅中性灰度的图像(128),
*
* @param value 取值为0到10
* @return new ColorMatrixFilter
*/ public static function contrast(value:Number=10)
{
return new ColorMatrixFilter([value,0,0,0,128*(1-value),
0,value,0,0,128*(1-value),
0,0,value,0,128*(1-value),
0,0,0,1,0]);
} /**
* 阈值
* 所谓阈值,就是以一个色度值为基准对图像作非黑即白的处理(注意没有灰色),由于不去除了彩色属性,因此,也离不开0.3086, 0.6094, 0.0820这三组神奇的数字。
* 当RGB三个通道的色彩信息一模一样时,图像就失去了色彩(去色),从0.3086*256,0.6094*256,0.0820*256,0,-256*value可以看出图像已经去色了,并且,(*256)亮度已经翻了256倍(当然也可以是255);我们知道,RGB的有效值是0-255,即:0,1,2……255,把这些值乘以255以后会出现什么情况呢?但是除了0之外,别的全都大于或等于255了,所以此时的图像除了剩有几个黑点外,其它的全都变成白色了
*
* @param value 取值为0到255
* @return new ColorMatrixFilter
*/ public static function threshold(value:Number=64)
{
return new ColorMatrixFilter([
0.3086*256, 0.6094*256, 0.0820*256, 0, -256*value,
0.3086*256, 0.6094*256, 0.0820*256, 0, -256*value,
0.3086*256, 0.6094*256, 0.0820*256, 0, -256*value,
0, 0, 0, 1, 0]);
} } }

  

ColorMatrixFilter色彩矩阵滤镜的更多相关文章

  1. ColorMatrixFilter色彩矩阵滤镜;

    包 flash.filters 类 public final class ColorMatrixFilter 继承 ColorMatrixFilter  BitmapFilter  Object 使用 ...

  2. ColorMatrixFilter色彩矩阵滤镜(as3)

    matrix是一个长度为4*5=20的数组,其构成如下所示: R  ,G,  B,  A, offset [1,  0,  0,  0,  0]); // red [0,  1,  0,  0,  0 ...

  3. 颜色矩阵 滤镜 ColorMatrix

    颜色矩阵原理 色彩的三要素 1.色相.色相通俗的说就是"颜色",色相的改变就是颜色的改变,色相的调节伴随着红橙黄绿蓝紫的变化. 2.亮度.明度通俗的说就是"光照度&quo ...

  4. Paint的ColorFilter

    一.简介 setColorFilter(ColorFilter filter) 设置颜色过滤,这个方法需要我们传入一个ColorFilter参数同样也会返回一个ColorFilter实例.我们在set ...

  5. 精通BitmapData

    一.构造方法: var bmd:BitmapData=new BitmapData(200,100,true,0xffff0000); 参数说明: 1.宽 2.高 3.是否使用32位填充位图(包括al ...

  6. AS3 滤镜相关

    <ignore_js_op> package {        import flash.display.Sprite;        import flash.filters.BlurF ...

  7. 【CSS3】 理解CSS3 transform中的Matrix(矩阵)

    理解CSS3 transform中的Matrix(矩阵) by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu ...

  8. 理解CSS3 transform中的Matrix(矩阵)

    一.哥,我被你吓住了 打架的时候会被块头大的吓住,学习的时候会被奇怪名字吓住(如“拉普拉斯不等式”).这与情感化设计本质一致:界面设计好会让人觉得这个软件好用! 所以,当看到上面“Matrix(矩阵) ...

  9. 理解CSS3 transform中的Matrix(矩阵)——张鑫旭

    by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=2427 一.哥,我被你 ...

随机推荐

  1. 安卓入门教程(十四)-菜单,ActionBar,对话框

    已经发表个人公众号 菜单类型 选项菜单(OptionMenu) 子菜单(SubMenu) 上下文菜单(ContextMenu) 方法: public boolean onCreateOptionsMe ...

  2. mysql 显示表结构

    例子 mysql> show columns from table1; +------------+------------------+------+-----+---------+----- ...

  3. GitHub如何删除一个代码仓库

    进入GitHub之后,点击“your repositories”查看所有的代码仓库. 在代码仓库中选择一个需要删除的,进入其详情页 在详情页中找到“setting”设置,下拉至最后可以看到删除选项. ...

  4. Node.js之删除文件夹(含递归删除)

    应用场景:比如像Eclipse这样的IDE,右击项目,出现选项,点击选项中的删除,就可以删除这个项目及其下的子目录包含文件(使用electron开发的桌面端项目多少都会用到). 核心代码如下: /** ...

  5. 刷题记录:[CISCN 2019 初赛]Love Math

    目录 刷题记录:[CISCN 2019 初赛]Love Math 思路一 思路二 总结 刷题记录:[CISCN 2019 初赛]Love Math 题目复现链接:https://buuoj.cn/ch ...

  6. LeetCode 7. 反转整数(Reverse Integer)

    题目描述 给定一个 32 位有符号整数,将整数中的数字进行反转. 示例 1: 输入: 123 输出: 321  示例 2: 输入: -123 输出: -321 示例 3: 输入: 120 输出: 21 ...

  7. .NET Core Startup启动类

    .NET Framework 早期架构 在.NET Core面世之前,也就是.NET Framework时代,我们的软件架架构有一些比较通用的架构.抛开我们的业务组件,在我们的系统中我们总会有一些基础 ...

  8. npm版本管理 命令

    npm采用了semver规范作为依赖版本管理方案.semver 约定一个包的版本号必须包含3个数字 MAJOR.MINOR.PATCH 意思是 主版本号.小版本号.修订版本号 MAJOR 对应大的版本 ...

  9. excel矩阵相乘矩阵求逆

    如何用电子表格计算两个矩阵相乘 https://jingyan.baidu.com/article/219f4bf7c9039cde452d3854.html   工具/原料 Microsoft Ex ...

  10. jq select change下拉框选项变化判断选中值,添加(attr)或移除(removeAttr)一个或多个属性

    select change下拉框选项变化判断选中值,添加(attr)或移除(removeAttr)一个或多个属性 $("#IsRecommend").change(function ...