[monolithed]

незнаю как вклинить нормально ваш код)

я же вам расжевал как только можно, куда еще проще?

<script type="text/javascript">
window.onload = function() { 
    var canvas = document.getElementById('canvas'),
        array = [0, 220, 400],
        forma = document.forma.elements,
        i = forma.length,
        ctx = canvas.getContext('2d');
        ctx.fillStyle = "rgba(11,118, 81, 0.5)";
        ctx.fillRect(0, 0, 50, 50);
    
   while(i--) {
       forma[i].onchange = function(i) {
           return function() {
              ctx.clearRect(0, 0, canvas.width, canvas.height);
              ctx.fillRect(array[i], 0, 50, 50);
           };
       }(i);
   }
};
</script>

<form name="forma">
    <input type="radio" name="pol" checked="checked" />Left
    <input type="radio" name="pol" />Center
    <input type="radio" name="pol" />Right
</form>
<canvas id='canvas' width="500" height="500">Обновите браузер</canvas>

Знаний в JS пару дней)

за пару дней можно было нагуглить