PIXI如何繪制離屏canvas到舞臺上
阿新 • • 發佈:2018-05-10
TP 1.5 col con center 構造 技術 url oda
有個方法是toDataURL(),原生的,先轉換成圖片再繪制。
但是pixi提供了一個BaseTexture,其構造函數的參數可以是一個canvas
因此可以直接使用如下代碼繪制canvas
//微信共享canvas let openDataContext = wx.getOpenDataContext(); let scanvas = openDataContext.canvas; let btexture = new PIXI.BaseTexture(scanvas); let sprite = new PIXI.Sprite(newPIXI.Texture(btexture)); sprite.x = game.stageCenterX; sprite.y = game.stageCenterY; sprite.anchor.set(0.5); sprite.scale.set(1.5); this.addChild(sprite);
微信小遊戲開放作用域無法將數據傳給主域,可以先在共享canvas繪制排行榜,再將共享canvas繪制到主canvas上,既可以添加事件,又可以用PIXI的交互。
PIXI如何繪制離屏canvas到舞臺上