Canvas, jak zresetować

Question

Jak zresetować canvas, który ma w sobie wiele funkcji, narysowanych obiektów i mechanizmów, w tym takie jak np.

setInterval(fun, 10);

Jak to wszystko przerwać/ zatrzymać aby zresetować? domyślnie można odświeżyć stronę, ale zależy mi na zrobieniu tego w przycisku.

 

Dziękuje za odpowiedzi!

Answer 1

Przerywasz interwał za pomocą:

clearInterval(ref);

Po za tym ustaw z powrotem wszystkie zmienne na wartości początkowe i wyzeruj tablice. Widoczną zawartość canvas czyścisz: 

clearRect(0, 0, canvas.width, canvas.height);

 

Answer 2

https://www.w3schools.com/jsref/met_loc_reload.asp

Jeśli mówisz, że odświeżenie w tym przypadku jest okej - może zainteresuj się tą funkcją wywołaną na onclicku?

Answer 3

setInterval działa w kontekście window, a nie canvas. Jeśli masz setInterval to musisz zachować gdzieś do niego handler, żeby móc go przerwać.

Answer 4

document.location.reload();