2
respostas

Diferença entre strokeStile e fillStroke

Olá, só pra esclarecer, essas duas propriedades fazem a mesma coisa? com ambas tive o mesmo resultado... é so diferença na sitaxe?

2 respostas

não consigo mudar de preto pra outra cor nem com strokeStile

Boa tarde Rafael, tudo certo?

Eu vou listar e tentar simplificar aqui algumas das funções que utilizamos durante o curso:

Existe o fill, que pode ser traduzido de forma livre como "preenchimento". Ou seja, o que estiver relacionado à essa palavra está associado à cor que estará dentro das formas.

E também existe o stroke, que pode ser chamado de "contorno" ou "borda". Ou seja, ela diz em respeito ao que estiver ao redor do objeto que você está desenhando.

Sendo assim, existem as propriedades que terminam com Style, sendo elas fillStyle e strokeStyle. Cada uma guarda, respectivamente, a cor do preenchimento e a cor da borda.

Sendo assim, um exemplo de um quadrado verde com a borda vermelha pode ser feita assim:

pincel.fillStyle = 'green';
pincel.fillStroke = 'red';
pincel.fillRect(10, 10, 100, 100);

Caso tenha mais dúvidas desses métodos, sugiro olhar os exemplos na documentação do MDN. Mas qualquer coisa que você não compreenda não hesite em perguntar.

Espero ter ajudado e bons estudos!