fillText渐变的问题
https://rpg.blue/static/image/smiley/nm/1.gif 想改写下bitmap drawText使得文字有渐变效果https://rpg.blue/static/image/smiley/nm/1.gif 想着有canvas应该是分分钟的事情https://rpg.blue/static/image/smiley/nm/9.gif 但是并没有想到并没有那么简单https://rpg.blue/static/image/smiley/nm/2.gif
因为并不是每次调用drawText都只有一个contexthttps://rpg.blue/static/image/smiley/nm/1.gif 所以超过createLinearGradient的高度就是只有color2了
然后就是下面这个效果https://rpg.blue/static/image/smiley/nm/9.gif 所以有没有大佬帮忙解决下
https://rpg.blue/data/attachment/forum/201706/08/173400gwkwkbygcyk9kjzg.png
JAVASCRIPT 代码
Bitmap.prototype._drawTextBody = function(text, tx, ty, maxWidth){
var context = this._context;
var gradient= context.createLinearGradient(0, 0, 0, 32);
gradient.addColorStop(0, "#fff");
gradient.addColorStop(0.6, this.textColor);
context.save();
context.fillStyle = gradient;
context.fillText(text, tx, ty, maxWidth);
context.restore();
this._setDirty();
};
本帖来自P1论坛作者铅笔描绘的思念，因Project1站服务器在国外有时候访问缓慢不方便作者交流学习，经联系P1站长fux2同意署名转载一起分享游戏制作经验，共同为国内独立游戏作者共同创造良好交流环境，原文地址：https://rpg.blue/forum.php?mod=viewthread&tid=400942若有侵权，发帖作者可联系底部站长QQ在线咨询功能删除，谢谢。
页:
[1]