表格控件SpreadJS如何设置斜线分割单元格

表格控件SpreadJS如何设置斜线分割单元格

SpreadJS虽然没有提供接口在单元格中绘制斜线单元格，但是想要做出斜线单元格的效果是非常简单的。

我们只需要自定义一个单元格，在画布中画一条斜线，然后写上文字即可，下面直接看代码吧。

var activeSheet = spread.getActiveSheet(); activeSheet.getRow(0).height(80) activeSheet.getColumn(0).width(200) var myCellType = new MyCellType(); activeSheet.getCell(0, 0).cellType(myCellType) function MyCellType() {} MyCellType.prototype = new GcSpread.Sheets.CustomCellType(); MyCellType.prototype.paint = function(ctx, value, x, y, w, h, style, options) { //Paints a cell on the canvas. if (!ctx) { return; } ctx.save(); ctx.beginPath(); ctx.moveTo(x, y); // 绘制斜线 ctx.lineTo(x + w, y + h); ctx.stroke(); ctx.font = style.font; // 绘制文字 ctx.fillText(\"Hello World1\ ctx.fillText(\"Hello World2\ ctx.restore(); }; 看到代码后感到很简单吧，我们只需要从单元格位置(x, y) 画一条线到单元右下角位置(x + w, y + h)。然后在斜线两边适当位置，填充文字就好了。