Osmar J. Silva

Java, C/C++, Python, C#, LISP, AutoLisp, AutoCAD e VBA

+55 (062) 98553-6711

José de Angelis

PHP, Python, C#, JavaScript, Laravel, Google Ads e SEO

+55 (062) 98243-1195

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: 767 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 criar um programa de desenho simples usando o objeto Canvas do HTML5

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

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

Como retornar a localização do usuário usando o método getCurrentPosition() da API Geolocation 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

Como obter a duração de um vídeo carregado em um elemento <video> do HTML5

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

Como definir a largura da linha do contexto de desenho do Canvas do HTML 5 usando a propriedade lineWidth

Como movimentar uma bola na superfície do Canvas do HTML5 em determinados ângulos

Entenda e aprenda a usar a tag/elemento <audio> do HTML5

Dicas e truques de outras linguagens

PHP - Como usar a função simplexml_load_file() do PHP para carregar um arquivo XML e convertê-lo em um objeto SimpleXMLElement

C++ - Como calcular desvio padrão em C++ - C++ para Matemática e Estatística

PostgreSQL - Como criar uma base de dados no PostgreSQL usando o comando DDL CREATE DATABASE

Delphi - Como usar a classe TField em seus programas Delphi

Java - Como remover espaços em excesso de uma string usando expressões regulares em Java

C++ - Como calcular o cosseno de um ângulo em C++ usando a função cos() do header math.h - Calculadora de cosseno em C++

Java - Como obter o valor de PI em Java usando a constante Math.PI

C# - C# Windows Forms Avançado - Como rolar as linhas de um TextBox para o fundo (parte inferior) usando a API do Windows

VB.NET - Como converter uma string para letras maiúsculas em VB.NET usando o método ToUpper() da classe String

Java - Como calcular corrente, voltagem, resistência e potência em um circuito série de corrente contínua usando Java

E-Books em PDF

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

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

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

Planilha Web - Planilhas e Calculadoras online para estudantes e profissionais de Engenharia Civil, Engenharia Elétrica e Engenharia Mecânica.

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 350 Exercícios Resolvidos de Java - Com comentários em Português

PDF COM 500 PÁGINAS

Apenas R$ 19,90