海豚php图片展示,图片裁剪-海豚PHP1.0.6完全开发手册-基于ThinkPHP5.0.10的快速开发框架...

addJcrop("name值", "标题" [, "提示", "默认值", "参数", "额外属性", "额外css类"])

标识符：jcrop

参数含义类型namename值string

title标题string

tips提示string

default默认值string

options参数array

extra_class额外css类string

举个栗子

return ZBuilder::make("form")

->addJcrop("avatar", "头像")

->fetch();

点击“上传”选择图片，并在图片上拖动鼠标，选择适合的大小。

然后点击“裁剪”即可。

默认值

这里的默认值是指图片的id。

参数

该组件有以下常用的参数，根据实际需求设置。

参数名默认值说明minSize[ 8, 8 ]选框最小尺寸，代表宽和高

maxSize[ 0, 0 ]选框最大尺寸， 代表宽和高

aspectRatio0选框宽高比，它的值为width/height，例如：1表示正方形

bgColornull]背景颜色。颜色关键字、HEX、RGB 均可。

bgOpacitynull背景透明度，比如0.5

edge[ "n" => 0, "s" => 0, "e" => 0, "w" => 0 ]选框距四边的距离，其中s和e要写负值

canDragtrue选框是否可拖拽

canResizetrue选框是否可改变大小

canSelecttrue是否可以新建选框

setSelectnull设置选框大小和位置

saveWidthnull保存的图片宽度

saveHeightnull保存的图片高度

这里挑几个参数说一下

比如，希望限定选框的最小尺寸为10x10和最大尺寸50x50。

return ZBuilder::make("form")

->addJcrop("avatar", "头像", "", "", ["minSize" => [10, 10], "maxSize" => [50, 50]])

->fetch();

想设置选框距离四边的距离都为10px

return ZBuilder::make("form")

->addJcrop("avatar", "头像", "", "", ["edge" => ["n" => 10, "s" => -10, "e" => -10, "w" => 10]])

->fetch();

n表示距上方距离，s表示距下方距离，e表示距右方距离，w表示距左方距离，其中，下和右的值需写负值。

设置选框大小和位置

return ZBuilder::make("form")

->addJcrop("avatar", "头像", "", "", ["setSelect" => [10, 10, 50, 50]])

->fetch();

表示选区距左方和上方10px，并且设置选区大小为50x50.

设置保存图片的大小

return ZBuilder::make("form")

->addJcrop("avatar", "头像", "", "", ["saveWidth" => 50, "saveHeight" => 50])

->fetch();

以上表示图片最终保存为50x50，如果不填写则保存的图片大小以选区为准。