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

快捷菜单 返回顶部

fabric.js中文API

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

Class: Resize

fabric.Image.filters.Resize

new Resize()

Resize image filter class 调整图像过滤器类的大小
Source:
See:
Example
var filter = new fabric.Image.filters.Resize();
object.filters.push(filter);
object.applyFilters(canvas.renderAll.bind(canvas));

Extends

Members

lanczosLobes

LanczosLobes parameter for lanczos filter, valid for resizeType lanczos lanczos过滤器的LanczosLobes参数，对resizeType lanczos有效
Default Value:
  • 3
Source:

resizeType

Resize type for webgl resizeType is just lanczos, for canvas2d can be: bilinear, hermite, sliceHack, lanczos. 调整类型 对于webgl的resizeType只是lanczos，对于canvas2d可以: 双线性，hermite, sliceHack, lanczos。
Default Value:
  • hermite
Source:

scaleX

Scale factor for resizing, x axis 调整大小的比例因子，x轴
Default Value:
  • 1
Source:

scaleY

Scale factor for resizing, y axis 调整大小的比例因子，y轴
Default Value:
  • 1
Source:

type

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

Methods

applyTo(options)

Apply the resize filter to the image 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 对象 编译的着色器程序的映射，按过滤器类型键。
Overrides:
Source:

applyTo2d(canvasEl, scaleX, scaleY)

Applies filter to canvas element 对画布元素应用过滤器
Parameters:
Name Type Description
canvasEl Object Canvas element to apply filter to要应用过滤器的画布元素
scaleX Number
scaleY Number
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:

bilinearFiltering(canvasEl, oW, oH, dW, dH) → {ImageData}

bilinearFiltering bilinearFiltering
Parameters:
Name Type Description
canvasEl Object Canvas element to apply filter to要应用过滤器的画布元素
oW Number Original Width原来的宽度
oH Number Original Height原来的高度
dW Number Destination Width目的地宽度
dH Number Destination Height目的地高度
Source:
Returns:
Type
ImageData

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:

generateShader(filterWindow)

Generate vertex and shader sources from the necessary steps numbers 从必要的步骤数生成顶点和着色器源
Parameters:
Name Type Description
filterWindow Number
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:

hermiteFastResize(canvasEl, oW, oH, dW, dH) → {ImageData}

hermiteFastResize hermite快速调整大小
Parameters:
Name Type Description
canvasEl Object Canvas element to apply filter to要应用过滤器的画布元素
oW Number Original Width原来的宽度
oH Number Original Height原来的高度
dW Number Destination Width目的地宽度
dH Number Destination Height目的地高度
Source:
Returns:
Type
ImageData

initialize(optionsopt)

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

isNeutralState(options)

Generic isNeutral implementation for one parameter based filters. Used only in image applyFilters to discard filters that will not have an effect on the image Other filters may need their own version ( ColorMatrix, HueRotation, gamma, ComposedFilter ) 基于一个参数的过滤器的通用isNeutral实现。 仅在image applyFilters中使用，用于丢弃不起作用的过滤器 在图像上 其他滤镜可能需要自己的版本(ColorMatrix, HueRotation, gamma, ComposedFilter)
Parameters:
Name Type Description
options Object
Overrides:
Source:

lanczosResize(canvasEl, oW, oH, dW, dH) → {ImageData}

Filter lanczosResize 过滤器lanczosResize
Parameters:
Name Type Description
canvasEl Object Canvas element to apply filter to要应用过滤器的画布元素
oW Number Original Width原来的宽度
oH Number Original Height原来的高度
dW Number Destination Width目的地宽度
dH Number Destination Height目的地高度
Source:
Returns:
Type
ImageData

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 对象 编译的着色器程序的映射，按过滤器类型键。
Overrides:
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:

sliceByTwo(canvasEl, oW, oH, dW, dH) → {ImageData}

Filter sliceByTwo 过滤器sliceByTwo
Parameters:
Name Type Description
canvasEl Object Canvas element to apply filter to要应用过滤器的画布元素
oW Number Original Width原来的宽度
oH Number Original Height原来的高度
dW Number Destination Width目的地宽度
dH Number Destination Height目的地高度
Source:
Returns:
Type
ImageData

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 返回实例的对象表示形式
Overrides:
Source:
Returns:
Object representation of an instance
Type
Object

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

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

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