如何将不同的渐变应用于pixi.js中的相同文本?

时间:2017-05-10 15:50:48

标签: gradient pixi.js

任务:我有单个文本,它包含在两行中,每行应该有自己的渐变。不允许分隔文本。它需要看起来像这样: enter image description here

我尝试使用 fillGradientType: PIXI.TEXT_GRADIENT.LINEAR_HORIZONTAL, fillGradientStops:[0.0, 0.4, 0.6, 0.7, 0.9],但结果是: enter image description here

如何在不分割的情况下将单独的渐变应用于相同文本的两行?

1 个答案:

答案 0 :(得分:1)

我已向PIXI提交了PR,它通过新的渐变样式TEXT_GRADIENT.LINEAR_VERTICAL_NOREPEAT

为您提供此功能。

查看https://github.com/pixijs/pixi.js/pull/4016以跟踪其进度和示例