[15.1.1]自定义单元格中如何设置背景颜色

summer_

MyCellType.prototype.paint中
如何设置单元格的背景颜色
ctx.backColor = style.backColor;没生效

summer_ · summer_

背景色不就是在渲染最开始时画一个和单元格一样大的有颜色的矩形么：

MyCellType.prototype.paint = function (ctx, value, x, y, w, h, style, context) {
if (!ctx) {
return;
}
ctx.save();
ctx.fillStyle = 'red';
// 绘制矩形
ctx.fillRect(x, y, w, h);
ctx.restore();
}

复制代码

至于你想保留单元格原来的边框和背景色，这个不确定好不好搞，毕竟用自己实现的cellType接管渲染了，要能画各种背景和边框那很累啊。
如果你只是为了加斜线的话，何必自己实现呢，楼上给的设计器的方案有对应的api，不用设计器也能设呀：https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/worksheet/borders-gridlines#timestamp

Richard.Huang · Richard.Huang

您好，自定义单元格是借助Canvas的API实现自己期望的类型逻辑，据我所知，Canvas没有backColor这个API，请问您的具体需求是什么，期望实现一个什么样的效果呢

小叮当丷 · 小叮当丷

Richard.Huang 发表于 2024-3-5 10:42
您好，自定义单元格是借助Canvas的API实现自己期望的类型逻辑，据我所知，Canvas没有backColor这个API，请 ...

如果一个单元格已经设置了边框或背景色样式,此时为这个边框增加斜线,希望能保持原来设置的边框和背景色,不被覆盖掉

Richard.Huang · Richard.Huang

小叮当丷发表于 2024-3-5 11:22
如果一个单元格已经设置了边框或背景色样式,此时为这个边框增加斜线,希望能保持原来设置的边框和背景色, ...

您好，我们的设计器支持为单元格添加斜线，请问该斜线为什么无法满足您的需求呢，能否详细描述您的具体场景，方便我们根据您的具体场景推荐您合适的实现方案
image.png881295471.png

小叮当丷 · 小叮当丷

Richard.Huang 发表于 2024-3-5 14:29
您好，我们的设计器支持为单元格添加斜线，请问该斜线为什么无法满足您的需求呢，能否详细描述您的具体场 ...

没买设计器
用的自定义单元格实现的

Joestar.Xu · Joestar.Xu

summer_ 发表于 2024-3-5 16:54
背景色不就是在渲染最开始时画一个和单元格一样大的有颜色的矩形么：

至于你想保留单元格原来的边框和背 ...

Lynn.Dou · Lynn.Dou

请问参考楼上建议方案，楼主问题解决了吗？如果仍有疑问可再跟帖交流。

		自动登录	找回密码
密码			立即注册

[已处理] [15.1.1]自定义单元格中如何设置背景颜色

最佳答案

7 个回复

评分

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人