print 方法

收藏

您好，我在画那个图形的时候，当我把那个单元格拉大之后，他不会按照比例变大，并且在其他单元格显示的时候会有问题。 var sheet = spread.getActiveSheet();
            var spreadNS = GC.Spread.Sheets;
            var CustomBase = spreadNS.CellTypes.Base;
            var oldPaint = spreadNS.CellTypes.Base.prototype.paint;
            // x1 相对于画布的x坐标。    y1  相对于画布的y坐标。 a1  单元格的宽度。 b1 高度
            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) / 1.05, y1 * 1.6);//zuo
                     context.lineTo((x1 + a1 - base) / 1.05, y1 * 1.6);//you
                     context.lineTo(((x1 + a1) * 2 - base) / (1.05 * 2), y1 * 2);//xia

                     context.fillStyle = 'black';
                     context.fill();
                     context.closePath();
                     context.restore();
                  }
                  oldPaint.apply(this, [context, value, x1, y1, a1, b1, style, ctx]);
            };
            var myCellType = new spreadNS.CellTypes.Text();
            myCellType.showEffect = true;
            // 动态添加图形，a row, b col
            sheet.setCellType(a, b, myCellType);

ZFL)UB{F41@1MF%4J0K7Z`J.png

，刚开始做，对那几个x1,y1,a1,b1,还不是很熟。

，

raym · raym

因为我的理解是一个单元格就是一个画布，但是效果不出来。

KevinChen · KevinChen

单元格不是一个画布，整个SpreadJS才是整个画布，坐标是控制绘图的位置的。

我把我调整的代码贴出来：

CustomBase.prototype.paint = function (context, value, x1, y1, a1, b1, style, ctx) {
if (!context) {
return;
}
if(this.showEffect){
context.save();
// x1, y1 分别是单元格的坐标
// a1, b1 分别是单元格的宽高
// let base = a1 > b1 ? b1 / 2 : a1 / 2;
let base = b1 / 2;
context.beginPath();
context.moveTo((x1 + a1) / 1.05, y1 * 1.2);//zuo
context.lineTo((x1 + a1 - 20) / 1.05, (y1) * 1.2);//you
context.lineTo(((x1 + a1) * 2 - 20) / (1.05 * 2), (y1+b1 - base*1.5) * 2);//xia
context.fillStyle = 'black';
context.fill();
context.closePath();
context.restore();
}
oldPaint.apply(this, [context, value, x1, y1, a1, b1, style, ctx]);
};

复制代码

raym · raym

这个我只有加到0，0这个单元格大小才正常耶，

raym · raym

raym 发表于 2018-12-19 13:08
这个我只有加到0，0这个单元格大小才正常耶，

你看看可以不用我的代码挑一个么，

raym · raym

我懂问题杵在那儿啦，谢谢啦

KevinChen · KevinChen

raym 发表于 2018-12-19 13:29
我懂问题杵在那儿啦，谢谢啦

不客气，很高兴能帮您解决问题，本帖我结贴了，您有新的问题欢迎发新贴交流~

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

[已处理] print 方法

6 个回复

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证

微信认证勋章