形状组合

SpreadJS提供了对在表单中添加和自定义组形状的支持。

通常，当多个图形对象在表单中聚集在一起时，会生成组形状。 理想的情况是在用户需要快速而有效地管理集成过程的同时，还要优化同类任务的整个执行过程（例如向两个或多个形状添加相似样式，旋转或移动它们的场景）的情况下使用组形状 一起）。 这不仅可以节省大量的时间和精力，还可以帮助您确保在所有形状中保持所需的一致性。

示例

例如，假设您要应用类似的形状填充效果，或者只是想旋转或移动插入到表单中的两个或多个形状。 一种方法是-将样式分别应用于每个形状。 但是，该任务可能变得过于繁琐且难以处理。 相反，您可以简单地将表单中的所有形状分组，然后将填充效果或旋转应用于分组的形状。

组形状的截图示例如下所示。

您也可以根据需要取消分组形状的分组。

示例代码

本示例说明如何在表单中添加组形状。

window.onload = function ()
{
var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
var sheet = spread.getActiveSheet();
// Add the shapes that you want to group
  var shape1 = sheet.shapes.add
("myShape1", GC.Spread.Sheets.Shapes.AutoShapeType.isoscelesTriangle,
150, 100, 100, 100);
var shape2 = sheet.shapes.add
("myShape2", GC.Spread.Sheets.Shapes.AutoShapeType.oval,
300, 100, 100, 100);               

// Grouping Shapes
  var groupShape = sheet.shapes.group([shape1, shape2]);
groupShape.isSelected(true);

// Rotate the grouped shape
  groupShape.rotate(340);
// If you want to ungroup the grouped shapes, you can use the following code: 
  // sheet.shapes.ungroup(groupShape);
};

注意: 集成组形状时，SpreadJS不支持以下方案：