[alexander555]

monolithed, спасибо за ппример)) не можешь показать как именно у меня будет? делал, делал.. не получилось.. Знаний в JS пару дней)

<canvas id='example' >Обновите браузер</canvas>

<script>
function test(size1,width1, l1, c1,r1 ){
 var example = document.getElementById("example");
  var ctx = example.getContext('2d');
  example.width  = size1;
  example.height = width1;
 ctx.fillStyle = "rgba(11,118, 81, 0.5)";
 ctx.fillRect (0,0,size1,width1);
}
</script>

 
<form>

<p> <strong>Значение параметра выравнивания</strong> </p>
<input type="radio" name="pol" name="l1" value="checked"/><strong>Left </strong><br>
<input type="radio"name="pol" name="c1"/> <strong>Center </strong><br>
<input type="radio" name="pol" name="r1"/><strong>Right</strong><br>
<br>
<br>
Длина линии (size): <input type="text" size="7" name="size1"/><br>
Толщина линии (width) : <input type="text" size="7" name="width1"/>
<br>
<input type="button" value="Просмотр"  onclick="return test(this.form.size1.value,this.form.width1.value)">
</form>
</body>
</html>

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