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