Derrick.Jiao 发表于 2021-5-7 18:12:12

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)、透明度(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);


页: [1]
查看完整版本: SpreadJS V14 Update1 新特性 - 形状增强 - 镜像区域