p5.js - p5.js - p5.Graphics的saveFrames()

143 4

这些天我使用p5js进行Web前端开发https://p5js.org ),

然后p5.Graphics上得到了的一些错误

在这里运行示例代码,下面的视图


var pg;



function setup() {


let c = createCanvas(100, 100);


 pg=createGraphics(20,20);


 pg.background(0,255,0);


 background(255, 0, 0);


 pg.saveFrames('test','jpg',1,1,data=>{ // <<<< error occurred


 print('result',data)


 });


}



然后控制台显示

Uncaught TypeError : cannot read property'elt'of undefined (sketch : 第8行)

在处理时将PGraphics另存为图像。

我想知道,

  • 是否有可能保存p5.Graphics
  • 有没有办法修复elt 错误。
  • 任何方法使p5 Graphics到image data_url

谢谢你

时间: 原作者:

116 4

这是因为graphics对象没有这样的方法,除了需要使用pg变量draw()方法来实际呈现这些帧,就像这样:


var pg;



function setup() {


 var c= createCanvas(200, 200);


 pg=createGraphics(150,150);


 pg.background(112, 0, 112);


 pg.ellipse(50, 50, 15, 45);


 saveFrames('test','jpg',1,1,data=>{print('result',data)});


}



function draw() {


 image(pg, 0, 0);


}



原作者:
...