纯前端表格控件SpreadJS新手入门指南：如何使用形状功能-控件新闻-慧都网

纯前端表格控件SpreadJS新手入门指南：如何使用形状功能

转帖|使用教程|编辑：龚雪|2022-08-02 10:37:39.563|阅读 149 次

概述：本文主要为大家演示如何使用SpreadJS的形状功能，欢迎下载最新版体验！

相关链接：

使用SpreadJS的形状功能，需引用：

<script src='.../spreadjs/plugins/gc.spread.sheets.shapes.x.xx.xxxxx.x.min.js' type='text/javascript'></script>

SpreadJS三种形状：

1. 基础形状 sheet.shapes.add() ,SpreadJS提供182种类型的基础形状；

2. 线条形状 sheet.shapes.addConnector()：

Straight
Elbow

3. 组合形状 sheet.shapes.group([shape1,shape2])。

可设置的属性：

填充色、边框宽度、边框颜色、填充文字、文字的居中情况、字体、字体色、背景透明度、线条的类型、线条形状的箭头等等。可设定一个形状是否可被选中、可放大缩小、可被移动。

形状组合

让单个的形状成为一组，可以一起被选中、放大缩小、旋转。

// 组合形状
sheet.shapes.group([shape1,shape2])；
//取消组合形状
var groupShape = sheet.shapes.group(shapes)
sheet.shapes.ungroup(groupShape);

示例中选择几个形状，点击组合按钮，可以使选中形状成为一组，选中组合的形状点击取消组合可以使选中的组合形状取消先前的组合。

自定义形状

如示例中左下角的桃心，为自定义的一个图形。

形状与公式

修改示例中G14-G20单元格的内容，可对应修改左边的图形显示：

SpreadJS | 下载试用

纯前端表格控件SpreadJS，兼容 450 种以上的 Excel 公式，具备“高性能、跨平台、与 Excel 高度兼容”的产品特性，备受华为、苏宁易购、天弘基金等行业龙头企业的青睐，并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 可为用户提供类 Excel 的功能，满足表格文档协同编辑、数据填报、类 Excel 报表设计等业务场景需求，极大的降低企业研发成本和项目交付风险。

本文转载自葡萄城

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自：葡萄城

上一篇：Word控件Spire.Doc 【文本】教程(9) ；如何在C#中获取word文档中文本的高度和宽度下一篇：java开发工具MyEclipse使用教程：BIRT 报告用户的MyEclipse报告