Você está aqui: HTML5 ::: Canvas Element ::: Contexto de Desenho

Como definir a cor da caneta do contexto de desenho do Canvas do HTML 5 usando a propriedade strokeStyle

Quantidade de visualizações: 623 vezes

Em algumas situações nós precisamos mudar a cor da caneta do contexto de desenho do elemento Canvas do HTML 5. Para isso nós podemos usar a propriedade strokeStyle e fornecer a cor desejada. A cor pode ser fornecida por seu nome em inglês ou pelo código hexadecimal (RGB).

Veja um exemplo HTML 5 no qual desenhamos uma linha verde no Canvas:

Este trecho de código ou resolução de exercício faz parte do Super Pack 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, Golang, Pascal, Ruby, PHP, e várias outras linguagens.

Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.

Quero Ser Apoiador(a)

Ao executar este exemplo você verá uma linha com espessura de 5 pixels e pintada na cor verde. Note como usei uma mensagem window.alert() para exibir o código hexadecimal da cor definida para a linha.

Link para compartilhar na Internet ou com seus amigos:

Veja mais Dicas e truques de HTML5

Como retornar a localização do usuário usando o método getCurrentPosition() da API Geolocation do HTML5

Como movimentar uma imagem na superfície do elemento Canvas do HTML5 usando as teclas de direção

Como mover uma bola na superfície do Canvas do HTML5 na horizontal - Para a direita, para a esquerda e rebatendo

Obtendo a posição atual do vídeo que está sendo executado no elemento video do HTML5

Programação gráfica para iniciantes - Como desenhar círculos com ou sem preenchimento usando o método arc() do objeto Canvas do HTML5

HTML5 para iniciantes - Como usar a meta tag viewport para controlar o layout de suas páginas HTML

Como acessar sua webcam, obter o MediaStream retornado e usá-lo na propriedade srcObject do elemento video do HTML5

Como usar a API Geolocation do HTML5

Como criar animações em HTML5 + JavaScript usando o método requestAnimationFrame() do objeto window

Computação gráfica usando HTML 5 - Como usar o método lineTo() do objeto Canvas do HTML5 para desenhar retas

Dicas e truques de outras linguagens

Java - Tratamento de erros em Java - Como tratar o erro NoClassDefFoundError em seus programas Java

Python - Como formatar a data e hora atual em Python usando a função strftime() da classe datetime

GNU Octave - Como calcular o coeficiente angular de uma reta em GNU Octave dados dois pontos no plano cartesiano

C# - Como testar se uma string é null ou vazia em C# usando a função IsNullOrEmpty() da classe String

VB.NET - Como calcular a equação reduzida da reta em VB.NET dados dois pontos pertencentes à reta

Python - Como calcular o cosseno de um ângulo em Python usando a função cos() do módulo Math - Calculadora de cosseno em Python

PHP - Como testar se uma variável é do tipo float (número de ponto-flutuante) usando as funções is_float() e is_real() do PHP

Java - Curso completo de Java - Como usar a classe StringBuffer da linguagem Java

JavaScript - Como testar se uma string termina com uma determinada substring em JavaScript usando a função endsWith()

Java - Java para iniciantes - Como usar o método trim() da classe String para remover espaços antes e depois de uma palavra, frase ou texto

E-Books em PDF

E-Book 350 Exercícios Resolvidos de Java - PDF com 500 páginas

Domine lógica de programação e a linguagem Java com o nosso E-Book 350 Exercícios Exercícios de Java, para você estudar onde e quando quiser.

Este e-book contém exercícios resolvidos abrangendo os tópicos: Java básico, matemática e estatística, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.

Ver Conteúdo do E-book

E-Book 650 Dicas, Truques e Exercícios Resolvidos de Python - PDF com 1.200 páginas

Domine lógica de programação e a linguagem Python com o nosso E-Book 650 Dicas, Truques e Exercícios Exercícios de Python, para você estudar onde e quando quiser.

Este e-book contém dicas, truques e exercícios resolvidos abrangendo os tópicos: Python básico, matemática e estatística, banco de dados, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.

Ver Conteúdo do E-book

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: C
6º lugar: Delphi
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby

Você está aqui: HTML5 ::: Canvas Element ::: Contexto de Desenho

Como definir a cor da caneta do contexto de desenho do Canvas do HTML 5 usando a propriedade strokeStyle

Questões de Concurso para Engenharia Civil

Exercícios Resolvidos

Bancos de Dados

Questões de Concurso

Frameworks

Projetos e Códigos Fonte

Especializações

Calculadoras

Ferramentas

Todas as Linguagens, Frameworks, Biliotecas e Bancos de Dados

Compre pelo WhatsApp: +55 (062) 98553-6711

E-Book 650 Dicas, Truques e Exercícios Resolvidos de Python - Com comentários em Português

PDF COM 1.200 PÁGINAS

Apenas R$ 32,90