new Resize()
调整图像过滤器类的大小
- Source:
- See:
Example
var filter = new fabric.Image.filters.Resize();
object.filters.push(filter);
object.applyFilters(canvas.renderAll.bind(canvas));
Extends
Members
lanczosLobes
lanczos过滤器的LanczosLobes参数,对resizeType lanczos有效
- Default Value:
- 3
- Source:
resizeType
调整类型
对于webgl的resizeType只是lanczos,对于canvas2d可以:
双线性,hermite, sliceHack, lanczos。
- Default Value:
- hermite
- Source:
scaleX
调整大小的比例因子,x轴
- Default Value:
- 1
- Source:
scaleY
调整大小的比例因子,y轴
- Default Value:
- 1
- Source:
type
过滤器类型
- Overrides:
- Default Value:
- Resize
- Source:
Methods
applyTo(options)
对图像应用大小调整滤镜
根据选项确定是使用WebGL还是Canvas2D。webgl国旗。
Parameters:
Name | Type | Description |
---|---|---|
options |
Object | 剩余要执行的筛选器的数量是否使用webgl来渲染过滤器。纹理设置作为要过滤的源。应该绘制过滤输出的纹理。用于呈现的GL上下文。编译的着色器程序的映射,按过滤器类型键。 属性 名字 类型 描述 通过 数量 剩余要执行的筛选器的数量 webgl 布尔 是否使用webgl来渲染过滤器。 sourceTexture WebGLTexture 纹理设置作为要过滤的源。 targetTexture WebGLTexture 应该绘制过滤输出的纹理。 上下文 WebGLRenderingContext 用于呈现的GL上下文。 programCache 对象 编译的着色器程序的映射,按过滤器类型键。 |
- Overrides:
- Source:
applyTo2d(canvasEl, scaleX, scaleY)
对画布元素应用过滤器
Parameters:
Name | Type | Description |
---|---|---|
canvasEl |
Object | 要应用过滤器的画布元素 |
scaleX |
Number | |
scaleY |
Number |
- Source:
applyToWebGL(options)
使用webgl应用这个过滤器。
Parameters:
Name | Type | Description |
---|---|---|
options |
Object | 剩余要执行的筛选器的数量是否使用webgl来渲染过滤器。原始输入图像的纹理。纹理设置作为要过滤的源。应该绘制过滤输出的纹理。用于呈现的GL上下文。编译的着色器程序的映射,按过滤器类型键。 属性 名字 类型 描述 通过 数量 剩余要执行的筛选器的数量 webgl 布尔 是否使用webgl来渲染过滤器。 originalTexture WebGLTexture 原始输入图像的纹理。 sourceTexture WebGLTexture 纹理设置作为要过滤的源。 targetTexture WebGLTexture 应该绘制过滤输出的纹理。 上下文 WebGLRenderingContext 用于呈现的GL上下文。 programCache 对象 编译的着色器程序的映射,按过滤器类型键。 |
- Inherited From:
- Source:
bilinearFiltering(canvasEl, oW, oH, dW, dH) → {ImageData}
bilinearFiltering
Parameters:
Name | Type | Description |
---|---|---|
canvasEl |
Object | 要应用过滤器的画布元素 |
oW |
Number | 原来的宽度 |
oH |
Number | 原来的高度 |
dW |
Number | 目的地宽度 |
dH |
Number | 目的地高度 |
- Source:
Returns:
- Type
- ImageData
createHelpLayer()
如果2d过滤器需要,这个函数可以创建一个要使用的辅助画布
记住这些选项。targetCanvas可以使用,直到链结束。
- Inherited From:
- Source:
createProgram(gl, fragmentSource, vertexSource)
编译这个过滤器的着色器程序。
Parameters:
Name | Type | Description |
---|---|---|
gl |
WebGLRenderingContext | 用于着色器编译的GL画布上下文。 |
fragmentSource |
String | fragmentShader编译源 |
vertexSource |
String | vertexShader编译源 |
- Inherited From:
- Source:
generateShader(filterWindow)
从必要的步骤数生成顶点和着色器源
Parameters:
Name | Type | Description |
---|---|---|
filterWindow |
Number |
- Source:
getAttributeLocations(gl, program) → {Object}
返回属性名映射到WebGLAttributeLocation对象。
Parameters:
Name | Type | Description |
---|---|---|
gl |
WebGLRenderingContext | 用于编译着色器程序的画布上下文。 |
program |
WebGLShaderProgram | 着色器程序,从中获取属性位置。 |
- Inherited From:
- Source:
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:
- Source:
hermiteFastResize(canvasEl, oW, oH, dW, dH) → {ImageData}
hermite快速调整大小
Parameters:
Name | Type | Description |
---|---|---|
canvasEl |
Object | 要应用过滤器的画布元素 |
oW |
Number | 原来的宽度 |
oH |
Number | 原来的高度 |
dW |
Number | 目的地宽度 |
dH |
Number | 目的地高度 |
- Source:
Returns:
- Type
- ImageData
initialize(optionsopt)
构造函数
Parameters:
Name | Type | Attributes | Description |
---|---|---|---|
options |
Object |
<optional> |
选择对象 |
- Inherited From:
- Source:
isNeutralState(options)
基于一个参数的过滤器的通用isNeutral实现。
仅在image applyFilters中使用,用于丢弃不起作用的过滤器
在图像上
其他滤镜可能需要自己的版本(ColorMatrix, HueRotation, gamma, ComposedFilter)
Parameters:
Name | Type | Description |
---|---|---|
options |
Object |
- Overrides:
- Source:
lanczosResize(canvasEl, oW, oH, dW, dH) → {ImageData}
过滤器lanczosResize
Parameters:
Name | Type | Description |
---|---|---|
canvasEl |
Object | 要应用过滤器的画布元素 |
oW |
Number | 原来的宽度 |
oH |
Number | 原来的高度 |
dW |
Number | 目的地宽度 |
dH |
Number | 目的地高度 |
- Source:
Returns:
- Type
- ImageData
retrieveShader(options)
检索缓存的着色器。
Parameters:
Name | Type | Description |
---|---|---|
options |
Object | 用于呈现的GL上下文。编译的着色器程序的映射,按过滤器类型键。 属性 名字 类型 描述 上下文 WebGLRenderingContext 用于呈现的GL上下文。 programCache 对象 编译的着色器程序的映射,按过滤器类型键。 |
- Overrides:
- Source:
sendAttributeData(gl, attributeLocations)
将属性数据从这个过滤器发送到它在GPU上的着色程序。
Parameters:
Name | Type | Description |
---|---|---|
gl |
WebGLRenderingContext | 用于编译着色器程序的画布上下文。 |
attributeLocations |
Object | 着色器属性名称到其位置的映射。 |
- Inherited From:
- Source:
sendUniformData(gl, uniformLocations)
从这个过滤器发送数据到它的着色程序的制服。
Parameters:
Name | Type | Description |
---|---|---|
gl |
WebGLRenderingContext | GL画布上下文用于编译这个过滤器的着色器。 |
uniformLocations |
Object | 字符串统一名称到WebGLUniformLocation对象的映射 |
- Overrides:
- Source:
setOptions(optionsopt)
从选项中设置过滤器的属性
Parameters:
Name | Type | Attributes | Description |
---|---|---|---|
options |
Object |
<optional> |
选择对象 |
- Inherited From:
- Source:
sliceByTwo(canvasEl, oW, oH, dW, dH) → {ImageData}
过滤器sliceByTwo
Parameters:
Name | Type | Description |
---|---|---|
canvasEl |
Object | 要应用过滤器的画布元素 |
oW |
Number | 原来的宽度 |
oH |
Number | 原来的高度 |
dW |
Number | 目的地宽度 |
dH |
Number | 目的地高度 |
- Source:
Returns:
- Type
- ImageData
toObject() → {Object}
返回实例的对象表示形式
- Overrides:
- Source:
Returns:
Object representation of an instance
- Type
- Object