PIXI如何绘制离屏canvas到舞台上
Posted 知者不言-言者不知
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了PIXI如何绘制离屏canvas到舞台上相关的知识,希望对你有一定的参考价值。
有个方法是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到舞台上的主要内容,如果未能解决你的问题,请参考以下文章