fabric.js中文API-自学php网

new ColorMatrix()

彩色矩阵滤镜类

Source:

fabric.js, line 22424

See:

fabric.Image.filters.ColorMatrix#initialize for constructor definition
ImageFilters demo
http://www.webwasp.co.uk/tutorials/219/Color_Matrix_Filter.php
http://phoboslab.org/log/2013/11/fast-image-filters-with-webgl

Example

Kodachrome filter

var filter = new fabric.Image.filters.ColorMatrix({
 matrix: [
       1.1285582396593525, -0.3967382283601348, -0.03992559172921793, 0, 63.72958762196502,
       -0.16404339962244616, 1.0835251566291304, -0.05498805115633132, 0, 24.732407896706203,
       -0.16786010706155763, -0.5603416277695248, 1.6014850761964943, 0, 35.62982807460946,
       0, 0, 0, 1, 0
      ]
});
object.filters.push(filter);
object.applyFilters();

Extends

fabric.Image.filters.BaseFilter

Members

colorsOnly

锁定颜色部分的颜色矩阵，跳过alpha，主要用于非webgl场景为了节省一些计算

Source:

fabric.js, line 22487

matrix

像素的颜色矩阵。包含20个浮点数的数组。4、9、14、19位的数字含义不明确在- 1,1范围之外。 0.0039215686是1在2d中转换成1的部分

Default Value:

[1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,1,0]

Source:

fabric.js, line 22474

type

过滤器类型

Overrides:

fabric.Image.filters.BaseFilter#type

Default Value:

ColorMatrix

Source:

fabric.js, line 22452

Methods

applyTo(options)

将此过滤器应用于所提供的输入图像数据。根据选项确定是使用WebGL还是Canvas2D。webgl国旗。

Parameters:

Name	Type	Description
`options`	Object	剩余要执行的筛选器的数量是否使用webgl来渲染过滤器。纹理设置作为要过滤的源。应该绘制过滤输出的纹理。用于呈现的GL上下文。编译的着色器程序的映射，按过滤器类型键。属性名字类型描述通过数量剩余要执行的筛选器的数量 webgl 布尔是否使用webgl来渲染过滤器。 sourceTexture WebGLTexture 纹理设置作为要过滤的源。 targetTexture WebGLTexture 应该绘制过滤输出的纹理。上下文 WebGLRenderingContext 用于呈现的GL上下文。 programCache 对象编译的着色器程序的映射，按过滤器类型键。

Inherited From:

fabric.Image.filters.BaseFilter#applyTo

Source:

fabric.js, line 22285

applyTo2d(options)

将ColorMatrix操作应用于表示图像像素的Uint8Array。

Parameters:

Name	Type	Description
`options`	Object	要过滤的Uint8Array。属性名字类型描述 imageData ImageData 要过滤的Uint8Array。

Source:

fabric.js, line 22505

applyToWebGL(options)

使用webgl应用这个过滤器。

Parameters:

Name	Type	Description
`options`	Object	剩余要执行的筛选器的数量是否使用webgl来渲染过滤器。原始输入图像的纹理。纹理设置作为要过滤的源。应该绘制过滤输出的纹理。用于呈现的GL上下文。编译的着色器程序的映射，按过滤器类型键。属性名字类型描述通过数量剩余要执行的筛选器的数量 webgl 布尔是否使用webgl来渲染过滤器。 originalTexture WebGLTexture 原始输入图像的纹理。 sourceTexture WebGLTexture 纹理设置作为要过滤的源。 targetTexture WebGLTexture 应该绘制过滤输出的纹理。上下文 WebGLRenderingContext 用于呈现的GL上下文。 programCache 对象编译的着色器程序的映射，按过滤器类型键。

Inherited From:

fabric.Image.filters.BaseFilter#applyToWebGL

Source:

fabric.js, line 22321

createHelpLayer()

如果2d过滤器需要，这个函数可以创建一个要使用的辅助画布记住这些选项。targetCanvas可以使用，直到链结束。

Inherited From:

fabric.Image.filters.BaseFilter#createHelpLayer

Source:

fabric.js, line 22378

createProgram(gl, fragmentSource, vertexSource)

编译这个过滤器的着色器程序。

Parameters:

Name	Type	Description
`gl`	WebGLRenderingContext	用于着色器编译的GL画布上下文。
`fragmentSource`	String	fragmentShader编译源
`vertexSource`	String	vertexShader编译源

Inherited From:

fabric.Image.filters.BaseFilter#createProgram

Source:

fabric.js, line 22121

getAttributeLocations(gl, program) → {Object}

返回属性名映射到WebGLAttributeLocation对象。

Parameters:

Name	Type	Description
`gl`	WebGLRenderingContext	用于编译着色器程序的画布上下文。
`program`	WebGLShaderProgram	着色器程序，从中获取属性位置。

Inherited From:

fabric.Image.filters.BaseFilter#getAttributeLocations

Source:

fabric.js, line 22182

Returns:

A map of attribute names to attribute locations.

Type: Object

getUniformLocations(gl, program)

返回这个过滤器的着色器的WebGL统一位置。

Parameters:

Name	Type	Description
`gl`	WebGLRenderingContext	GL画布上下文用于编译这个过滤器的着色器。
`program`	WebGLShaderProgram	这个过滤器的编译着色程序。

Overrides:

fabric.Image.filters.BaseFilter#getUniformLocations

Source:

fabric.js, line 22537

initialize(optionsopt)

构造函数

Parameters:

Name	Type	Attributes	Description
`options`	Object	<optional>	选择对象

Overrides:

fabric.Image.filters.BaseFilter#initialize

Source:

fabric.js, line 22493

isNeutralState(options)

基于一个参数的过滤器的通用isNeutral实现。仅在image applyFilters中使用，用于丢弃不起作用的过滤器在图像上其他滤镜可能需要自己的版本(ColorMatrix, HueRotation, gamma, ComposedFilter)

Parameters:

Name	Type	Description
`options`	Object

Inherited From:

fabric.Image.filters.BaseFilter#isNeutralState

Source:

fabric.js, line 22251

retrieveShader(options)

检索缓存的着色器。

Parameters:

Name	Type	Description
`options`	Object	用于呈现的GL上下文。编译的着色器程序的映射，按过滤器类型键。属性名字类型描述上下文 WebGLRenderingContext 用于呈现的GL上下文。 programCache 对象编译的着色器程序的映射，按过滤器类型键。

Inherited From:

fabric.Image.filters.BaseFilter#retrieveShader

Source:

fabric.js, line 22302

sendAttributeData(gl, attributeLocations)

将属性数据从这个过滤器发送到它在GPU上的着色程序。

Parameters:

Name	Type	Description
`gl`	WebGLRenderingContext	用于编译着色器程序的画布上下文。
`attributeLocations`	Object	着色器属性名称到其位置的映射。

Inherited From:

fabric.Image.filters.BaseFilter#sendAttributeData

Source:

fabric.js, line 22208

sendUniformData(gl, uniformLocations)

从这个过滤器发送数据到它的着色程序的制服。

Parameters:

Name	Type	Description
`gl`	WebGLRenderingContext	GL画布上下文用于编译这个过滤器的着色器。
`uniformLocations`	Object	字符串统一名称到WebGLUniformLocation对象的映射