Merge pull request #7060 from iambiancafonseca/fixGraphicsRemove

Fix #7049: P5.Graphics.remove() doesn't release all related resources

Author: davepagurek

src/core/p5.Graphics.js

@@ -374,8 +374,6 @@ p5.Graphics = class extends p5.Element {
  * function doubleClicked() {
  *   // Remove the p5.Graphics object from the web page.
  *   pg.remove();
- *
- *   // Delete the p5.Graphics object from CPU memory.
  *   pg = undefined;
  * }
  * </code>
@@ -392,6 +390,10 @@ p5.Graphics = class extends p5.Element {
     for (const elt_ev in this._events) {
       this.elt.removeEventListener(elt_ev, this._events[elt_ev]);
     }
+
+    this._renderer = undefined;
+    this.canvas = undefined;
+    this.elt = undefined;
   }
 
 

test/unit/core/p5.Graphics.js

@@ -184,4 +184,14 @@ suite('Graphics', function() {
       assert(graph.height, 100);
     });
   });
+
+  suite('p5.Graphics.remove()', function() {
+    test('it sets properties to undefined after removal', function() {
+      var graph = myp5.createGraphics(10, 17);
+      graph.remove();
+      assert.isUndefined(graph.canvas);
+      assert.isUndefined(graph._renderer);
+      assert.isUndefined(graph.elt);
+    });
+  });
 });