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'));

 

posted @ 2021-01-31 16:00  newmiracle宇宙  阅读(631)  评论(0编辑  收藏  举报