首先我們要知道tint的原理是什么:
是顏色通道相加俗批,黑色的顏色加任何顏色都是黑色,所以不生效
所以市怎,我們可以先設(shè)置線(xiàn)段顏色為紅色(你最終想要修改的顏色)岁忘,然后把線(xiàn)段tint修改為黑色(加黑色就變成了黑),在這基礎(chǔ)上再修改為你想要的顏色
例子:點(diǎn)擊線(xiàn)段区匠,實(shí)現(xiàn)線(xiàn)段由黑變紅
const graphics = new PIXI.Graphics();
graphics.lineStyle(3000, 0xFF0000)
graphics.tint = 0x000000; // 重新設(shè)置顏色通道
graphics.moveTo(5000, 5000);
graphics.lineTo(10000, 5000);
graphics.interactive = true;
graphics.buttonMode = true; // 鼠標(biāo)箭頭變成小手
graphics.hitArea = new PIXI.Rectangle(5000, 5000, 5000, 3000); // 設(shè)置碰撞區(qū)域
graphics.on('click', () => {
graphics.tint = 0xFF0000;
});
container.addChild(graphics);