本帖最后由 phoben 于 2021-12-22 16:12 编辑
CropperImg 图片裁剪插件
功能说明： 1、此插件可在本机选择一张图片，并按照设置的比例/尺寸进行裁剪，裁剪的结果将自动上传至服务器，并返回文件路径，一般用于代替系统“图片上传”组件使用。 2、本插件为“命令型插件”，好处是不受UI约束，在任何活字格命令里可以触发，可以放在按钮、图片，甚至页面加载命令里执行；
主要功能有： 1、支持本地图片实时裁剪后自动上传； 2、支持裁剪过程旋转图片； 3、支持10多种裁剪参数； 4、支持约束裁剪比例； 5、支持固定分辨率输出裁剪后的图片； 6、支持图片、裁剪框缩放； 7、支持裁剪后自动触发活字格命令；
使用方法说明： 1、安装插件到活字格设计器（要求102版本以上）； 2、添加命令并设置参数（参数说明见下方）； 3、将返回的文件名保存至数据库；
插件面板参数说明：
参数说明（按面板顺序）：
返回图片路径：裁切点击确认后，返回图片的路径，直接存到数据库即可；
视图控制：控制裁剪框的可移动范围；
拖拽图片模式：控制图片移动的范围；
尺寸模式：选择固定尺寸则输出尺寸严格按照下方输入尺寸输出，选择按比例则按照图片实际尺寸输出；
裁剪框宽/高：定义裁剪框的宽度和高度比例，输入0则自由裁剪，最终输出的尺寸，按照“尺寸模式”的定义来输出；
允许初始化裁切：是否允许默认帮用户生成一个裁切框（建议打开）；
默认裁切比例：如果上一个参数打开，则可以定义这个默认裁切框初始的大小；
显示蒙版：裁切框周围呈现蒙版样式（建议打开）；
显示虚线：裁剪框内显示白色虚线；
显示十字线：裁剪框中心显示一个十字准心；
白色蒙版：选中后裁剪框内呈现浅白色蒙版覆盖层；
网格背景：图片之外的区域呈现PS的透明网格样式；
允许移动图片：选中后则图片允许用户拖动改变位置；
允许拖拽裁剪框：选中后则允许用户通过鼠标改变裁剪框位置；
允许改变裁剪框大小：选中后则允许用户通过鼠标拖拽，改变裁剪框大小；
图片裁剪完成命令：内部可定义当用户确认裁剪后，需要执行的活字格命令，此命令内可引用“返回图片路径”里填写的单元格，则可以实现裁剪完成自动保存至数据库；
实际使用过程录屏：
支持裁切时旋转
支持约束裁剪比例：
发布日期：2021-12-22
版本号：1.6.0
更新说明：修复一个页面同时应用多个插件命令，会共用第一次插件命令的参数问题
发布日期：2021-12-8
版本号：1.4.0
更新说明：1、修复宽高值，最多只能输入999的BUG；
2、更新裁图界面为全屏，增加可视范围，适当照顾移动端；
1.4版本：
裁剪图片并上传.zip
(10.88 MB, 下载次数: 70, 售价: 30 金币)
| 
陕公网安备：61019002000258 |
隐私政策 |
网站地图
