如何实现单元格角标样式，和批注一样的角标样式

如截图的角标样式如何实现，希望不适用的批注或校验

用自定义单元格可实现

好的，我试试，谢谢

Fiooona 发表于 2020-7-24 10:29
用自定义单元格可实现

1. const { CellTypes } = GC.Spread.Sheets;
   
2. 
   
3. export class CornerMarkCell extends CellTypes.Text {
   
4.   typeName = 'CornerMarkCell';
   
5. 
   
6.   showEffect = false;
   
7. 
   
8.   constructor(props) {
   
9.     super();
   
10.     const { showEffect = false } = props;
    
11.     this.showEffect = showEffect;
    
12.   }
    
13. 
    
14.   paint(context, value, x1, y1, a1, b1, style, ctx) {
    
15.     if (!context) {
    
16.       return;
    
17.       }
    
18.       if(this.showEffect){
    
19.           context.save();
    
20.           let base = a1 > b1 ? b1 / 2 : a1 / 2;
    
21.           context.beginPath();
    
22.           context.moveTo(x1 + a1, y1);
    
23.           context.lineTo(x1 + a1, y1 + base);
    
24.           context.lineTo(x1 + a1 - base, y1);
    
25. 
    
26.           context.fillStyle ='red';
    
27.           context.fill();
    
28.           context.closePath();
    
29.           context.restore();
    
30.       }
    
31. 
    
32.     CellTypes.Text.prototype.paint.apply(this, [context, value, x1, y1, a1, b1, style, ctx]);
    
33.   }
    
34. 
    
35. 
    
36. const sheet = workbook.getActiveSheet();
    
37. sheet.setCellType(0, 1, new CornerMarkCell({ showEffect: true }));
    
38. }

复制代码

你好，我这么写为啥不生效

给个能运行的Demo吧，方便调试