找回密码
 立即注册

QQ登录

只需一步,快速开始

Fiooona
论坛元老   /  发表于:2019-5-31 11:26  /   查看:2978  /  回复:0
本帖最后由 lynn512 于 2020-7-10 19:15 编辑

文章末尾处有视频中的示例代码可以下载(Vue代码已更新)
主要内容:
  • 基本应用
  • 基础形状
  • 线条
  • 形状组合
  • 自定义形状
  • 形状与公式


常用API:

创建基础形状:sheet.shapes.add()
创建线条形状:sheet.shapes.addConnector()
获取形状:activeSheet.shapes.get("shape1");
删除形状:activeSheet.shapes.remove("shape1");
设置文字:heart.text('My Shape');
设置样式:var heartStyle =heart.style();heart.style(heartStyle);
组合形状:var shapes = [shape1, shape2];
var groupShape = sheet.shapes.group(shapes)
取消组合:sheet.shapes.ungroup(groupShape);
通过固定的形状模型来创建自定义形状:
varmodel = {};
sheet.shapes.add('name', model);
可通过公式来改变形状的属性:shapeStyle.fill.color = '=Sheet1!B2';



希望这个视频能给刚开始使用SpreadJS的小伙伴带来帮助,
对这系列的视频如果有相关的问题可以在楼下回复~
ヽ(′o`示例代码也已经备好,需要的可以下载

SpreadJS 入门系列课程 (十一):形状.zip

106.99 KB, 下载次数: 117

shapes-vue.rar

91.91 KB, 下载次数: 66

shapes-react.zip

160.83 KB, 下载次数: 57

组件化表格编辑器(预览版)试用进行中,点击了解详情!
请点击评分,对我的服务做出评价!5分为非常满意!
您需要登录后才可以回帖 登录 | 立即注册
返回顶部