自定义单元格绘制的svg图案被背景颜色覆盖

如附件所示，自定义单元格绘制的椭圆形红色图案被绿色背景颜色覆盖，希望不被背景颜色覆盖！

您好：
因为canvas是画布，画布没有结构，没有层级，只有先来后到，后面的覆盖前面的。
调整一下代码顺序即可，让
oldPaint.apply(this, [context, value, x1, y1, a1, b1, style, ctx]);先画
context画圈的代码放到后面即可。就像下面这样：

1. CustomBase.prototype.paint = function (context, value, x1, y1, a1, b1, style, ctx) {
   
2.         if (!context) {
   
3.             return;
   
4.         }
   
5.         oldPaint.apply(this, [context, value, x1, y1, a1, b1, style, ctx]);
   
6.         if(this.showEffect){
   
7.             var a = (a1+2)/2;
   
8.             var b = (b1+2)/2;
   
9.             var x = a + x1;
   
10.             var y = b + y1;
    
11.             var ox = 0.5 * a,
    
12.                 oy = 0.6 * b;
    
13.             context.save();
    
14.             context.translate(x, y);
    
15.             context.beginPath();
    
16.             context.strokeStyle="red";
    
17.             context.lineWidth=2;
    
18.             context.moveTo(0, b);
    
19.             context.bezierCurveTo(ox, b, a, oy, a, 0);
    
20.             context.bezierCurveTo(a, -oy, ox, -b, 0, -b);
    
21.             context.bezierCurveTo(-ox, -b, -a, -oy, -a, 0);
    
22.             context.bezierCurveTo(-a, oy, -ox, b, 0, b);
    
23.             context.closePath();
    
24.             context.stroke();
    
25.             context.restore();
    
26.         }
    
27.         
    
28.     };
    

复制代码