自定义绘制单元格问题

Fiooona

本帖最后由 jackming 于 2020-2-13 15:42 编辑

// 重写Base类型
var CustomBase = spreadNS.CellTypes.Base;
var oldPaint = spreadNS.CellTypes.Base.prototype.paint;
CustomBase.prototype.paint = function (context, value, x1, y1, a1, b1, style, ctx) {
if (!context) {
return;
}
if(this.showEffect){
context.save();
let base = a1 > b1 ? b1 / 2 : a1 / 2;
context.beginPath();
context.moveTo(x1 + a1, y1);
context.lineTo(x1 + a1, y1 + base);
context.lineTo(x1 + a1 - base, y1);
context.fillStyle ='red';
// context.backgroundImage = 'http://a3.att.hudong.com/68/61/300000839764127060614318218_950.jpg'
context.fill();
context.closePath();
context.restore();
}
oldPaint.apply(this, [context, value, x1, y1, a1, b1, style, ctx]);
};

复制代码

能不能帮忙画一个旗子（三角形+一竖，最简单那种），水平垂直居中万分感谢
参考的这个 https://gcdn.grapecity.com.cn/showtopic-51177-1-116.html，

Fiooona · Fiooona

https://www.grapecity.com/spread ... ase~paint.htmlpaint方法的API文档有解释每个参数含义，另外这个绘制是用canvas来绘制的图形，您可以搜索canvas 的绘图方法，可以绘制您要的形状，
禁用单元格可以用表单保护来实现：
https://demo.grapecity.com.cn/sp ... t/protection/purejs

设置sheet.options.isProtected = true; 再锁定单元格，参考下面的文章
https://gcdn.grapecity.com.cn/showtopic-58249-1-1.html

Fiooona · Fiooona

可以说下您在什么业务场景下要用这种自定义单元格吗？

您是想要这样的一个角标？说下再具体的需求，可以给您写个简单的例子

jackming · jackming

本帖最后由 jackming 于 2020-2-13 18:22 编辑

Fiooona 发表于 2020-2-13 17:52
可以说下您在什么业务场景下要用这种自定义单元格吗？

您是想要这样的一个角标？说下再具体的需求，可以 ...

业务是这是一个审核列表，我们想要把已经审核的记录，在那一列用一个旗子标记出来（现在是用的你们这个角标），然后最好可以让这个单元格禁用，没有审核过的，还是为一个多选框（已经实现）

Fiooona · Fiooona

本帖最后由 Fiooona 于 2020-2-14 10:08 编辑

CustomBase.prototype.paint = function (context, value, x1, y1, a1, b1, style, ctx) {
if (!context) {
return;
}
context.save();
let base = a1 > b1 ? b1 / 2 : a1 / 2;
context.beginPath();
context.moveTo((x1 + a1)/2, y1);
context.lineTo((x1 + a1)/2, y1+b1);
context.lineTo((x1 + a1)/2, y1+base);
context.lineTo((x1 + a1)/2+base, y1+base/2);
context.strokeStyle = 'red' ; //设置线的颜色状态
context.fillStyle ='red';
context.stroke();
context.fill();
context.closePath();
context.restore();
oldPaint.apply(this, [context, value, x1, y1, a1, b1, style, ctx]);
};

复制代码

jackming · jackming

Fiooona 发表于 2020-2-14 10:06
https://www.grapecity.com/spreadjs/docs/v13/online/SpreadJS~GC.Spread.Sheets.CellTypes.Base~pa ...

这个旗子的大小怎么调整呢？另外设置为旗子的单元格能设置禁用吗？感谢

[已处理] 自定义绘制单元格问题