Hola a todos, he copido el código tal cual en un notepad y lo curioso es que cuando solo pongo un línea sale pero cuando he colocado para...

Hola a todos, he copido el código tal cual en un notepad y lo curioso es que cuando solo pongo un línea sale pero cuando he colocado para que aparezca una segunda línea en este caso azul solo me sale la primera línea no la segunda… sabéis donde puede estar el error? El código es igual que el del vídeo y en el vídeo salen dos líneas y a mi solo una"

Este es el código

var d = document.getElementById("dibujito");
var lienzo = d.getContext("2d");

dibujarLinea("pink", 10, 300, 220, 10);
dibujarLinea("blue", 300, 10, 10, 220);

function dibujarLinea(color, xinicial, yinicial, xfinal, yfinal)
{
lienzo.beginPath();
lienzo.strokeStyle = color;
lienzo.moveTo(xinicial, yinicial);
lienzo.lineTo(xfinal, yfinal);
lienzo.stroke();
lienzo.close.Path();
}