裁剪图片

组件介绍

将图片裁剪成特定的尺寸并另存

截图

属性说明

必填项
属性名称 类型 默认值 说明
图片路径 字符串 要进行裁剪的图片,支持的格式:png/jpg/bmp/gif
支持手动输入及点击右侧文件夹图标选择文件
选填项
属性名称 类型 默认值 说明
保存路径 字符串 裁剪完成后保存的图片路径
支持手动输入及点击右侧文件夹图标选择文件
注意事项详见下方
横坐标
纵坐标
数字 要开始进行裁剪的坐标点,以图片左上角为原点(0,0)
向右为横坐标,向下为纵坐标
必须为正整数
点击右侧图标可以获取裁剪范围坐标,具体介绍详见示例
宽度
高度
数字 裁剪后的图片宽高
必须为正整数
点击右侧图标可以获取裁剪范围的宽度及高度,具体介绍详见示例
返回值
名称 类型 说明
图片路径 字符串 裁剪成功后保存的图片的绝对路径

组件示例

  1. 裁剪图片:选择要进行裁剪的图片,输入保存位置(要具体到文件扩展名),点击横坐标右侧图标进入图片编辑器界面,点击小手图标后鼠标滑动选择裁剪范围,会将裁剪范围自动填充到右侧属性中,返回值路径 path —— 请填写正确的路径,注意事项详见下方
  2. 输出日志日志 "裁剪后图片路径:"+path
  3. 计算图片尺寸:填写裁剪后的图片路径变量和宽高返回值
  4. 输出日志日志 "图片宽度:"+w+",图片高度:"+h
  5. 运行结果:裁剪后的图片保存成功,并在日志面板输出保存后的路径和宽高信息

注意事项

  • 横坐标、纵坐标及宽度、高度全为空,默认裁剪范围为整个图片。

  • 裁剪范围超过图片大小默认为原图大小范围。

  • 横坐标、纵坐标为空默认为 0;宽度为空默认为原图片宽度,高度为空默认为原图片高度。

  • 如果获取到的数据包含小数位可以使用「数字格式转换」组件,属性选择「整数」将小数位去除,再将数据传递到横纵坐标及宽度高度中。

  • 图片编辑器界面鼠标上下滚动可以缩放图片,在图片放大状态下鼠标拖动可以选择具体的裁剪位置;点击文件夹图标选择新的文件并选择裁剪范围后图片路径会同步修改。

  • 「图片路径」及「保存路径」同时支持相对路径和绝对路径,相对路径以点斜杠 ./ 开头,代表该流程路径下文件夹,如示例中 "./res/new.png" 表示流程的 res 文件夹下的 new.png 文件。

  • 「保存路径」为空默认在原图片同级路径下生成前缀为原图片名称_edit_时间戳的文件(注意 edit 左右只有一个下划线),如示例中保存路径为空则在 C:\Users\Administrator\Desktop\ 文件夹下生成类似 old_edit_1651910755685.png 的文件(注意 edit 左右只有一个下划线),其中 1651910755685 为裁剪图片时的时间戳。

  • 「保存路径」支持输入裁剪后图片名称及后缀,如示例中保存路径中输入"./res/new.png" 则在 res 文件夹下生成 new.png 图片。

  • 「保存路径」非空并且仅输入文件夹路径,则裁剪后图片名称与原图片名称相同,如果两个文件所在文件夹路径相同会覆盖原图片。

Copyright 北京库木塔格科技有限公司 2024 all right reserved,powered by Gitbook该文章修订时间: 2024-09-02 15:41:48

results matching ""

    No results matching ""