SpreadJS 文档
SpreadJS 文档 / 开发者指南 / 特性 / 管理数据可视化和对象 / 形状 / 组合形状
在本主题中
    组合形状
    在本主题中

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

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

    示例

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

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

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

    示例代码

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

    JavaScript
    复制代码
    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不支持以下方案:

    • 仅支持组形状的形状的多选行为。 所有其他UI操作仅支持单一形状。 同样,组形状不支持自定义填充。