Disegna un altro bordo in linea su tela

Question

Ho un problema.Ho bisogno di disegnare un altro confine nella mia tela.Se provo questo:

c2.beginPath();

c2.moveTo(0, 0);

c2.lineTo(0, 100);
c2.lineWidth = Number(sw) + 6;
c2.strokeStyle = "red";
c2.stroke();
c2.lineTo(100, 100);
c2.lineWidth = Number(sw) + 6;
c2.strokeStyle = "#00ec11";
c2.stroke();
c2.lineTo(0, 100);
c2.lineWidth = Number(ss) + 6;
c2.strokeStyle = "red";
c2.stroke();
c2.closePath();
c2.lineWidth = Number(sw) + 6;
c2.strokeStyle = "#00ec11";
c2.stroke();

c2.fill();

.

Non funziona perché tutta la linea ha un bordo verde.Puoi aiutarmi?

--- Modifica: Posso, t chiudere la patch quando chiude la mia linea bacouse questa linea disegna forma.Quando chiudo la patch la mia forma non è corretta.Mayby altre idee?

Answer 1

c2.stroke(); ridisegna tutto il percorso fino a quel punto con lo strumento corrente.Quindi alla fine, verrà applicato solo l'ultimo stile.

Prova ad aggiungere c2.closePath(); seguito da c2.beginPath() dopo ogni c2.stroke() per iniziare un nuovo percorso che può avere uno stretone separato.

Ad esempio:

c2.lineTo(0, 100);
c2.lineWidth = Number(sw) + 6;
c2.strokeStyle = "red";
c2.stroke();
c2.closePath();

c2.beginPath();
c2.moveTo(0, 100);
c2.lineTo(100, 100);
c2.lineWidth = Number(sw) + 6;
c2.strokeStyle = "#00ec11";
c2.stroke();
c2.closePath();
. 
. 
.

.