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

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

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

复制代码

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

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

复制代码