pixijs 用canvas的方法(webgl转canvas)
pixijs 用canvas的方法
虽然官方有forcanvas属性 但是我不建议用他 因为用了 有些webgl功能就用不了 比如shader
如果真的需要用的话 可以用 以下代码转化下就好了
var xx=app.renderer.extract.canvas(background);
也可以用以下方法
var c1 = document.createElement('canvas'); //创建处理画布对象 var ctx1 = c1.getContext('2d'); c1.width=750; c1.height=750; var img = new Image(); img.src = '/moban/images/zhi3.png'; img.onload = function() { ctx1.drawImage(img, 130, 30,100,100); //绘制 const perlin = PIXI.Texture.from(c1); filter = new PIXI.Filter(null, fragment, { customUniform: 0.0, noise: perlin }); // Add the filter background.filters = [filter]; // Resume application update console.log(c1.toDataURL('image/png')); var xx=app.renderer.extract.canvas(background); console.log(xx.toDataURL('image/png'));
如果遇到什么不懂的地方直接关注公众号留言(本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须在文章页面给出原文连接,否则保留追究法律责任的权利。)
作者:newmiracle
出处:https://www.cnblogs.com/newmiracle/