开发者社区> 问答> 正文

图片裁剪之如何实现裁剪?


可以裁剪图片,指定裁剪的起始点以及裁剪的宽高来决定裁剪的区域。

参数


操作名称:crop

名称描述取值范围
w指定裁剪宽度[0-图片宽度]
h指定裁剪高度[0-图片高度]
x指定裁剪起点横坐标(默认左上角为原点)[0-图片边界]
y指定裁剪起点纵坐标(默认左上角为原点)[0-图片边界]
g设置裁剪的原点位置,由九宫格的格式,一共有九个地方可以设置,每个位置位于每个九宫格的左上角[nw,north,ne,west,center,east,ne]

裁剪原点位置参数示意图:


注意事项

  • 如果指定的起始横纵坐标大于原图,将会返回错误:BadRequest, 错误内容是:Advance cut’s position is out of image.
  • 如果从起点开始指定的宽度和高度超过了原图,将会直接裁剪到原图结尾。


使用示例

  • 裁剪图从起点(100, 50)到图的结束

http://image-demo.oss-cn-hangzhou.aliyuncs.com/example.jpg?x-oss-process=image/crop,x_100,y_50
  • 裁剪图从起点(100, 50)到裁剪100x100的大小

http://image-demo.oss-cn-hangzhou.aliyuncs.com/example.jpg?x-oss-process=image/crop,x_100,y_50,w_100,h_100
  • 裁剪图右下角200x200的大小

http://image-demo.oss-cn-hangzhou.aliyuncs.com/example.jpg?x-oss-process=image/crop,x_0,y_0,w_200,h_200,g_se
  • 裁剪图右下角200x200的大小,再往下10x10

http://image-demo.oss-cn-hangzhou.aliyuncs.com/example.jpg?x-oss-process=image/crop,x_10,y_10,w_200,h_200,g_se

展开
收起
青衫无名 2017-10-23 10:42:09 5127 0
0 条回答
写回答
取消 提交回答
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
360°全景视频播放器的实现原理 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载