SpreadJS V14 Update1 新特性 - 形状增强 - 镜像区域

收藏

在此版本中，我们新增了一个非常炫酷且实用的功能，就是镜像区域。最简单明了的解释就是对指定的单元格区域做一个“截图”，并将这个截图展示在表单上，我们将这个“截图”定义为一个形状。同时，我们更改区域上的数据时，镜像区域的数据也会同步变化。
因为这是一个形状，因此他也有形状的一些基本特性，如旋转、拉伸调整大小等。我们可以通过下面的代码进行添加：

var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"), {sheetCount: 2});
var sheet = spread.getSheet(0);
var range = sheet.shapes.addCameraShape('cameraShape', 'A1:D7', 600, 100);

复制代码

添加完成后，同样的，我们还可以设置镜像区域的样式，可以修改其填充背景颜色（color）、透明度（[size=1em]transparency）以及边框（line）的样式等，例如：

var shape = sheet.shapes.addCameraShape("myCameraShape1", "CameraShape!A1:D7", 240, 200);
var shapeStyle = shape.style();
shapeStyle.fill.color = 'pink';
shapeStyle.fill.transparency = 0.5;
shapeStyle.line.color = 'green';
shapeStyle.line.lineStyle = GC.Spread.Sheets.Shapes.PresetLineDashStyle.dashDot;
shapeStyle.line.width = 5;
shapeStyle.line.capType = GC.Spread.Sheets.Shapes.LineCapStyle.square;
shapeStyle.line.joinType = GC.Spread.Sheets.Shapes.LineJoinStyle.miter;
shapeStyle.line.transparency = 0.5;
shape.style(shapeStyle);

复制代码

		自动登录	找回密码
密码			立即注册

SpreadJS V14 Update1 新特性 - 形状增强 - 镜像区域

0 个回复

SpreadJS 高级认证

讲师达人

GrapeCity

悬赏达人

SpreadJS 认证