找回密码
 立即注册

QQ登录

只需一步,快速开始

Lynn.Dou 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-5-7 16:45  /   查看:2714  /  回复:0
本帖最后由 lynn512 于 2021-5-7 16:47 编辑

SpreadJS V14 Update1 新增了 IMAGE函数,可在创建迷你图中使用。
- 图像源可以是URL或者base64字符串。

图片函数迷你图效果如下所示:
image.png869663696.png
image.png523641051.png

语法如下:
  1. =IMAGE(URL,mode,height,width,clipX,clipY,clipHeight,clipWidth,vAlign,hAlign)
复制代码

该函数具有以下参数:

参数
描述
URL图片url地址或者base64字符串
[ mode ]可选,表示图像适合模式。
1- 保持纵横比以适应单元格。
2 - 使图像适应整个单元格。
3 - 保持原有尺寸
4 - 自定义尺寸
默认值为 1
[ height]可选,mode为4时自定义的图片高度
[ width]可选,mode为4时自定义的图片宽度
[clipX]可选,要绘制到目标上下文中的源图像子矩形左上角的X轴坐标。
默认值为 0
[clipY]可选,要绘制到目标上下文中的源图像子矩形左上角的Y轴坐标。
默认值为 0
[clipHeight]可选,要绘制到目标上下文中的源图像的子矩形的高度。
默认值为图片高度
[clipWidth]可选,要绘制到目标上下文中的源图像的子矩形的宽度。
默认值为图片宽度
[vAlign]可选,表示图片垂直对齐
0 ----- top
1 -----  center
2 -----  bottom
默认值为2(center)
[hAlign]可选,表示图片水平对齐
0 ----- left
1 ----- center
2 ----- right
默认值为2(center)

不同mode下,图片显示效果如下图所示:
image.png848877563.png

image.png933260803.png

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部