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

最新推荐文章于 2024-07-11 21:32:10 发布

vieber

最新推荐文章于 2024-07-11 21:32:10 发布

阅读量954

点赞数

分类专栏： js 文章标签： javascript leetcode 开发语言

本文链接：https://blog.csdn.net/sufubo/article/details/123233034

版权

js 专栏收录该内容

79 篇文章 0 订阅

订阅专栏

博客介绍了在使用PixiJS时遇到的问题，即直接通过canvas生成的图片是透明的。解决办法是利用PixiJS内置的canvas方法来正确提取舞台内容并转换为非透明的dataURL。核心代码涉及到PIXI.Application、舞台、渲染器和提取插件的使用。

摘要由CSDN通过智能技术生成

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

核心代码

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

vieber

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
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();...
复制链接

扫一扫