1. 程式人生 > >PIXI如何繪制離屏canvas到舞臺上

PIXI如何繪制離屏canvas到舞臺上

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(new
PIXI.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到舞臺上