SpreadJS 入门系列课程 (十一):形状
本帖最后由 lynn512 于 2020-7-10 19:15 编辑文章末尾处有视频中的示例代码可以下载(Vue代码已更新)
主要内容:
[*]基本应用
[*]基础形状
[*]线条
[*]形状组合
[*]自定义形状
[*]形状与公式
http://video1.grapecity.com.cn/SpreadJS/online/SpreadJS%E5%85%A5%E9%97%A8%E7%B3%BB%E5%88%97%E8%AF%BE%E7%A8%8B%EF%BC%88%E5%8D%81%E4%B8%80%EF%BC%89.mp4
常用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 = ;var groupShape = sheet.shapes.group(shapes)取消组合:sheet.shapes.ungroup(groupShape);通过固定的形状模型来创建自定义形状:varmodel = {};sheet.shapes.add('name', model);可通过公式来改变形状的属性:shapeStyle.fill.color = '=Sheet1!B2';
https://gcdn.grapecity.com.cn/static/image/hrline/1.gif
希望这个视频能给刚开始使用SpreadJS的小伙伴带来帮助,{:3_62:}
对这系列的视频如果有相关的问题可以在楼下回复~
ヽ(′o`示例代码也已经备好,需要的可以下载
页:
[1]