找回密码
 立即注册

QQ登录

只需一步,快速开始

AlexZ 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2020-10-28 16:03  /   查看:3866  /  回复:4
在 V14.0 中,单元格支持渐变及模板填充,效果如下图:

image.png283029479.png

示例代码

  1. sheet = spread.getActiveSheet()

  2. var style = new GC.Spread.Sheets.Style();
  3. style.backColor = "red";  //the old solid fill
  4. sheet.setStyle(1,1,style);

  5. var gra = {degree: 315, stops: [{position:0, color:"red"},{position:0.5, color:"white"},{position:1, color:"blue"},]};
  6. style = new GC.Spread.Sheets.Style();
  7. style.backColor = gra;
  8. sheet.setStyle(2,1,style);

  9. var gra2 = {type:"path", left: 0.4, top: 0.4, right: 0.6, bottom: 0.6, stops: [{position:0, color:"black"},{position:0.5, color:"blue"},{position:1, color:"white"},]},
  10. style = new GC.Spread.Sheets.Style();
  11. style.backColor = gra2;
  12. sheet.setStyle(3,1,style)

  13. for(i=1; i<19; i++){
  14.     var pat = {type: i, backgroundColor: "orange", patternColor: "red"};
  15.     style = new GC.Spread.Sheets.Style();
  16.     style.backColor = pat;
  17.     sheet.setStyle(4+i,1,style)
  18. }
复制代码


4 个回复

倒序浏览
summerwang
注册会员   /  发表于:2021-3-9 15:57:22
沙发
image.png782289428.png 请问这种 repeating-linear-gradient 的效果用怎么实现?
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-3-9 16:05:19
板凳
您好,为了便于问题的后续沟通,建议您在 求助中心 发帖,并详细的描述您现在遇到的问题和期待的效果。
回复 使用道具 举报
summerwang
注册会员   /  发表于:2021-3-9 16:38:00
地板
summerwang 发表于 2021-3-9 15:57
请问这种 repeating-linear-gradient 的效果用怎么实现?

找到方法了
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-3-9 16:47:06
6#
解决了就好
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部