pixijs渲染出来的canvas图像生成base64图片

Posted vieber

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了pixijs渲染出来的canvas图像生成base64图片相关的知识,希望对你有一定的参考价值。

直接使用canvas生成代码是不行的,生成的图片是透明的。
需要使用pixijs本身提供的canvas方法去生成。

核心代码

const app = new PIXI.Application(config);
const stage = app.stage;
const renderer = app.renderer;
return renderer.plugins.extract.canvas(stage).toDataURL();

以上是关于pixijs渲染出来的canvas图像生成base64图片的主要内容,如果未能解决你的问题,请参考以下文章

PixiJS核心概念及简单上手

如何用 PixiJS 渲染 SVG?

通过 ajax 将 base64 图像数据发送到 cfc

PixiJS - HTML5 创作引擎

使用对 Canvas 的外部引用来渲染 SVG

dom-to-image 仅从 html 生成空白的白色图像