pixi.js6如何使用canvas渲染模式

这个其实官方文档是有说明的。

但是总是没想到要去官网仔细看看

直接上代码

const app = new PIXI.Application({
    //...其它配置
    forceCanvas:true
})

但其实光是这样配置是不管用的。

还需要添加一个插件

<script src="https://cdn.jsdelivr.net/npm/pixi.js-legacy@7.2.4/dist/pixi-legacy.min.js"></script>

这样渲染模式就从WEBGL换成canvas模式了。

可以用下面代码输出看看

console.log("当前渲染模式：",app.renderer.type)
console.log("渲染模式：",PIXI.RENDERER_TYPE)