在线工具
网站地图    收藏    合作   
<

快捷菜单 返回顶部

fabric.js中文API

fabric.js中文在线API,fabric.js中文文档API大全

Class: Pixelate

fabric.Image.filters.Pixelate

new Pixelate()

Pixelate filter class 像素过滤器类
Source:
See:
Example
var filter = new fabric.Image.filters.Pixelate({
  blocksize: 8
});
object.filters.push(filter);
object.applyFilters();

Extends

Members

fragmentSource

Fragment source for the Pixelate program 像素化程序的片段源
Source:

type

Filter type 过滤器类型
Overrides:
Default Value:
  • Pixelate
Source:

Methods

applyTo(options)

Apply this filter to the input image data provided. Determines whether to use WebGL or Canvas2D based on the options.webgl flag. 将此过滤器应用于所提供的输入图像数据。 根据选项确定是使用WebGL还是Canvas2D。webgl国旗。
Parameters:
Name Type Description
options Object
Properties
Name Type Description
passes Number The number of filters remaining to be executed剩余要执行的筛选器的数量
webgl Boolean Whether to use webgl to render the filter.是否使用webgl来渲染过滤器。
sourceTexture WebGLTexture The texture setup as the source to be filtered.纹理设置作为要过滤的源。
targetTexture WebGLTexture The texture where filtered output should be drawn.应该绘制过滤输出的纹理。
context WebGLRenderingContext The GL context used for rendering.用于呈现的GL上下文。
programCache Object A map of compiled shader programs, keyed by filter type.编译的着色器程序的映射,按过滤器类型键。
属性 名字 类型 描述 通过 数量 剩余要执行的筛选器的数量 webgl 布尔 是否使用webgl来渲染过滤器。 sourceTexture WebGLTexture 纹理设置作为要过滤的源。 targetTexture WebGLTexture 应该绘制过滤输出的纹理。 上下文 WebGLRenderingContext 用于呈现的GL上下文。 programCache 对象 编译的着色器程序的映射,按过滤器类型键。
Inherited From:
Source:

applyTo2d(options)

Apply the Pixelate operation to a Uint8ClampedArray representing the pixels of an image. 将Pixelate操作应用到Uint8ClampedArray上,该数组表示图像的像素。
Parameters:
Name Type Description
options Object
Properties
Name Type Description
imageData ImageData The Uint8ClampedArray to be filtered.要过滤的uint8clampearray。
属性 名字 类型 描述 imageData ImageData 要过滤的uint8clampearray。
Source:

applyToWebGL(options)

Apply this filter using webgl. 使用webgl应用这个过滤器。
Parameters:
Name Type Description
options Object
Properties
Name Type Description
passes Number The number of filters remaining to be executed剩余要执行的筛选器的数量
webgl Boolean Whether to use webgl to render the filter.是否使用webgl来渲染过滤器。
originalTexture WebGLTexture The texture of the original input image.原始输入图像的纹理。
sourceTexture WebGLTexture The texture setup as the source to be filtered.纹理设置作为要过滤的源。
targetTexture WebGLTexture The texture where filtered output should be drawn.应该绘制过滤输出的纹理。
context WebGLRenderingContext The GL context used for rendering.用于呈现的GL上下文。
programCache Object A map of compiled shader programs, keyed by filter type.编译的着色器程序的映射,按过滤器类型键。
属性 名字 类型 描述 通过 数量 剩余要执行的筛选器的数量 webgl 布尔 是否使用webgl来渲染过滤器。 originalTexture WebGLTexture 原始输入图像的纹理。 sourceTexture WebGLTexture 纹理设置作为要过滤的源。 targetTexture WebGLTexture 应该绘制过滤输出的纹理。 上下文 WebGLRenderingContext 用于呈现的GL上下文。 programCache 对象 编译的着色器程序的映射,按过滤器类型键。
Inherited From:
Source:

createHelpLayer()

If needed by a 2d filter, this functions can create an helper canvas to be used remember that options.targetCanvas is available for use till end of chain. 如果2d过滤器需要,这个函数可以创建一个要使用的辅助画布 记住这些选项。targetCanvas可以使用,直到链结束。
Inherited From:
Source:

createProgram(gl, fragmentSource, vertexSource)

Compile this filter's shader program. 编译这个过滤器的着色器程序。
Parameters:
Name Type Description
gl WebGLRenderingContext The GL canvas context to use for shader compilation.用于着色器编译的GL画布上下文。
fragmentSource String fragmentShader source for compilationfragmentShader编译源
vertexSource String vertexShader source for compilationvertexShader编译源
Inherited From:
Source:

getAttributeLocations(gl, program) → {Object}

Return a map of attribute names to WebGLAttributeLocation objects. 返回属性名映射到WebGLAttributeLocation对象。
Parameters:
Name Type Description
gl WebGLRenderingContext The canvas context used to compile the shader program.用于编译着色器程序的画布上下文。
program WebGLShaderProgram The shader program from which to take attribute locations.着色器程序,从中获取属性位置。
Inherited From:
Source:
Returns:
A map of attribute names to attribute locations.
Type
Object

getUniformLocations(gl, program)

Return WebGL uniform locations for this filter's shader. 返回这个过滤器的着色器的WebGL统一位置。
Parameters:
Name Type Description
gl WebGLRenderingContext The GL canvas context used to compile this filter's shader.GL画布上下文用于编译这个过滤器的着色器。
program WebGLShaderProgram This filter's compiled shader program.这个过滤器的编译着色程序。
Overrides:
Source:

initialize(optionsopt)

Constructor 构造函数
Parameters:
Name Type Attributes Description
options Object <optional>
Options object选择对象
Inherited From:
Source:

isNeutralState()

Indicate when the filter is not gonna apply changes to the image 指示什么时候滤镜不会对图像应用改变
Overrides:
Source:

retrieveShader(options)

Retrieves the cached shader. 检索缓存的着色器。
Parameters:
Name Type Description
options Object
Properties
Name Type Description
context WebGLRenderingContext The GL context used for rendering.用于呈现的GL上下文。
programCache Object A map of compiled shader programs, keyed by filter type.编译的着色器程序的映射,按过滤器类型键。
属性 名字 类型 描述 上下文 WebGLRenderingContext 用于呈现的GL上下文。 programCache 对象 编译的着色器程序的映射,按过滤器类型键。
Inherited From:
Source:

sendAttributeData(gl, attributeLocations)

Send attribute data from this filter to its shader program on the GPU. 将属性数据从这个过滤器发送到它在GPU上的着色程序。
Parameters:
Name Type Description
gl WebGLRenderingContext The canvas context used to compile the shader program.用于编译着色器程序的画布上下文。
attributeLocations Object A map of shader attribute names to their locations.着色器属性名称到其位置的映射。
Inherited From:
Source:

sendUniformData(gl, uniformLocations)

Send data from this filter to its shader program's uniforms. 从这个过滤器发送数据到它的着色程序的制服。
Parameters:
Name Type Description
gl WebGLRenderingContext The GL canvas context used to compile this filter's shader.GL画布上下文用于编译这个过滤器的着色器。
uniformLocations Object A map of string uniform names to WebGLUniformLocation objects字符串统一名称到WebGLUniformLocation对象的映射
Overrides:
Source:

setOptions(optionsopt)

Sets filter's properties from options 从选项中设置过滤器的属性
Parameters:
Name Type Attributes Description
options Object <optional>
Options object选择对象
Inherited From:
Source:

toJSON() → {Object}

Returns a JSON representation of an instance 返回实例的JSON表示形式
Inherited From:
Source:
Returns:
JSON
Type
Object

toObject() → {Object}

Returns object representation of an instance 返回实例的对象表示形式
Inherited From:
Source:
Returns:
Object representation of an instance
Type
Object

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com