fillText渐变的问题

じ☆ve冰风

想改写下bitmap drawText使得文字有渐变效果
想着有canvas应该是分分钟的事情 但是并没有想到并没有那么简单
因为并不是每次调用drawText都只有一个context 所以超过createLinearGradient的高度就是只有color2了
然后就是下面这个效果 所以有没有大佬帮忙解决下

JAVASCRIPT 代码

1. Bitmap.prototype._drawTextBody = function(text, tx, ty, maxWidth){
3.         var context = this._context;
4.         var gradient= context.createLinearGradient(0, 0, 0, 32);
5.         gradient.addColorStop(0, "#fff");
6.         gradient.addColorStop(0.6, this.textColor);
8.         context.save();
9.         context.fillStyle = gradient;
10.         context.fillText(text, tx, ty, maxWidth);
11.         context.restore();
12.         this._setDirty();
13.     };

复制代码

             本帖来自P1论坛作者铅笔描绘的思念，因Project1站服务器在国外有时候访问缓慢不方便作者交流学习，经联系P1站长fux2同意署名转载一起分享游戏制作经验，共同为国内独立游戏作者共同创造良好交流环境，原文地址：https://rpg.blue/forum.php?mod=viewthread&tid=400942  若有侵权，发帖作者可联系底部站长QQ在线咨询功能删除，谢谢。