Forum libero

Sono agli inizi, mi serve solo poter fare una piccola cosa.

function quadrato() {
var canvas = document.getElementById("canvas");
var square = canvas.getContext("2d");
square.fillStyle = "rgb(0,0,0)";
square.fillRect (10, 10, 50, 50);

}

Vorrei poter fare in modo che se clicco col sinistro del mouse in un punto qualsiasi del canvas mi disegna un quadrato come quello che ho messo in square.fillRect (10, 10, 50, 50);
Come si fa in javascript nel modo più semplice possibile?