p5.js - 从 p5js 中的 Canvas 图形中删除元素

Question

我使用 Canvas 图形绘制对象，需要撤消最后绘制的对象，但找不到从图形中删除最后一个对象的选项，请建议如何删除最后一个对象(即创建撤消功能)

下面是 setup() 中的代码 -

    canvas=createCanvas(1000,1000);
    canvsGraphics = createGraphics(1000,1000);

下面是在 mouseDragged() 函数中创建的对象 -

noStroke(); 
        fill(R,G,B);
        rectMode(CENTER);
        rect(mouseX,mouseY,20,20);

    //CREATES BUFFER
    canvsGraphics.noStroke();
    canvsGraphics.fill(R,G,B);
    canvsGraphics.rectMode(CENTER);
    canvsGraphics.rect(mouseX,mouseY,20,20);

Answer 1

您不能在绘制对象后就将其删除。

但是您可以使用 background() 函数清除所有对象，然后重绘所有您仍想看到的对象。

您可能会考虑创建一个包含所有对象的数据结构。然后每一帧，循环遍历该数据结构并绘制每个对象。要删除对象，只需将其从数据结构中删除即可。