1. 首页
  2. 动作定性
  3. 重构

重构

动作化

描述性

调整交付图像的形状
学习更多 :形状变换和变形特效

实例
//扩展每个函数分离查看自身实例
细节

actions/reshape.ts,七行

类

新建剪切动作(b)

新建trimAction系统(b)

新建剪切图片高山市图像源码)

新建DistortArcAction高山市摄氏度)

新建扭曲动作高山市坐标坐标)

方法论

剪切图片高山市图像源码)→ {Actions.Reshape.CutByImage}

动作化

描述性

trims像素 根据透明度水平 给定叠加图像上铺图像透明化时显示原创式时,上铺图像不透明时结果图像透明化时,上铺图像透明化时均显示原创式

参数解析
名称 类型 描述性
图像源码 Qualifiers.Source.ImageSource
回归
实例

使用另一图像剪切图像

导入+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++snockInstance=新云式({cloud:{cloudName:'demo'stimg=yourCldInstance.imageimport {cutByImage} from '@cloudinary/url-gen/actions/reshape'!image}从"@cludinary/url-gen/quarips/sourceimg.reshape(cutByImaage(图像源码图). transformation(新变换()))
细节

actions/reshape.ts,第39行

扭曲 Arc高山市摄氏度)→ {Actions.Reshape.DistortArcAction}

动作化

描述性

图像扭曲弧形状

学习更多 :扭曲图像
学习更多 :扭曲效果

参数解析
名称 类型 描述性
摄氏度 数组

度对弧图像
回归
实例

扭曲弧

导入+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++snockInstance=新云式({cloud:{cloudName:'demo'stimg=yourCldInstance.imageimport {distortArc} from '@cloudinary/url-gen/actions/reshape'!ing.reshape(扭曲ARC(200))img.toString
细节

actions/reshape.ts,66线

曲解高山市坐标坐标)→ {Actions.Reshape.DistortAction}

动作化

描述性

调整角角实现感知扭曲,将图像扭曲为新形状指定四角坐标,表示图像四角新坐标从左上角按时钟顺序排列

学习更多 :扭曲图像

参数解析
名称 类型 描述性
坐标坐标 数组

四叉/乘对表示新图像角
回归
实例

扭曲图像

导入+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++snockInstance=新云式({cloud:{cloudName:'demo'stimg=yourCldInstance.imageservice/url-gen/actions/reshapeim.reshape(cript ([100,100,100,200,200,200,200,200,100])ig.toString
细节

actions/reshape.ts,第94行

剪切高山市X级,y市)→ {Actions.Reshape.ShearAction}

动作化

描述性

依据两个指定值按度对图像切换

参数解析
名称 类型 描述性
X级 数组

依据两个指定值按度对图像切换X和Y
y市 数组

依据两个指定值按度对图像切换X和Y
回归
实例

剪切图像

导入+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++snockInstance=新云式({cloud:{cloudName:'demo'stimg=yourCldInstance.image导入{shear}从'@cludinary/url-gen/actions/reshape'img.reshape(剪裁500)
细节

actions/reshape.ts,118行

修剪(b)→ {Actions.Reshape.TrimAction}

动作化

描述性

删除基于角像素颜色图像边缘使用颜色Override()法指定非角像素颜色

回归
实例

trimming图像

导入+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++snockInstance=新云式({cloud:{cloudName:'demo'stimg=yourCldInstance.image导入{trim}从'@cludinary/url-gen/actions/reshape'ig.reshape(tim).colorOveride(blue).colorSimility(15)
细节

actions/reshape.ts,141行