SOURCE

console 命令行工具 X clear

                    
>
console
const app = new PIXI.Application({
    height:800,
    width:800,
    view:document.getElementById('canva')
})



const c = new PIXI.Container()


const s =  PIXI.Sprite.from('https://st0.dancf.com/gaoding-material/0/images/223463/20191107-203726-aUYH9.jpg')

const m1 = new PIXI.Graphics()
m1.beginFill(0xff0000);
m1.drawRect(10, 0, 200, 200);
m1.endFill();


const m2 = new PIXI.Graphics()
m2.beginFill(0xff005665);
m2.drawRect(0, 0, 400, 276);
m2.endFill();
m2.zIndex = -1
m2.alpha = 0

s.mask = m1


c.addChild(m2)
c.addChild(s)
c.addChild(m1)


app.stage.addChild(c)

m1.x = 20
m1.y = 20

c.x = 100
c.y = 100

console.log(c.width,c.height)
<canvas id="canva"></canvas>

本项目引用的自定义外部资源