A melhor forma de saber é dando um exemplo. Salve este fonte na sua pasta com o nome testefuncao.HTML e execute pelo navegador:
<canvas id="myCanvas" width="600" height="400" style="border:1px solid #000000;">
</canvas>
<script>
// nome da função é reta
reta = function()
{
// a função é uma sequência de ações a serem executadas
var c = document.getElementById("myCanvas"); // pega a caixa de desenho html
var ctx = c.getContext("2d"); // pega o papel
ctx.lineWidth = 2; // diz a largura da linha
ctx.beginPath(); // prepara que vai criar um caminho (de linhas)
ctx.strokeStyle="#0000ff"; // diz a cor da linha
ctx.moveTo(10,30); // marca o ponto de inicio da linha
ctx.lineTo(90,90); // marca o ponto de fim da linha
ctx.stroke(); // finalmente desenha linha
// se a função chamar a si mesma ela é recursiva.
// se existir alguma coisa dentro dos parentesis reta(coisa) essa coisa é chamada de parametro
}
// a função sendo chamada pelo nome
reta();
</script>
Nenhum comentário:
Postar um comentário