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

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

Quantidade de visualizações: 590 vezes

A propriedade lineWidth do contexto de desenho do Canvas do HTML5 é usada quando precisamos definir ou obter a largura da linha na qual um desenho vai ser ou foi realizado.

Esta propriedade aceita e retorna um valor numérico. Veja um exemplo de seu uso para definir a largura (ou espessura) de uma linha:

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 código você verá uma linha com largura de 10 pixels ser desenhada na horizontal.

É possível também usar a propriedade lineWidth para retornar a largura da linha do contexto de desenho. Veja um exemplo no qual nós desenhamos três linhas, cada uma o dobro da espessura da anterior:

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

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

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

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

Como carregar uma imagem (ou foto) no objeto Canvas do HTML5

Como criar um programa de desenho simples usando o objeto Canvas do HTML5

Definindo 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

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

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

Dicas e truques de outras linguagens

C# - Como retornar a célula atual em um DataGridView do C# Windows Forms como um objeto da classe DataGridViewCell

Python - Como obter o texto de um botão wx.Button do wxPython e exibí-lo em uma mensagem wx.MessageDialog usando a função GetLabel()

Python - Exercícios Resolvidos de Física usando Python - Aplica-se uma força de 20 N a um corpo de massa m. O corpo desloca-se em linha reta com velocidade que aumenta

Python - Python Insertion Sort - Como ordenar um vetor de inteiros usando a ordenação Insertion Sort (Ordenação por Inserção)

C# - Como retornar o nome de um arquivo sem a extensão em C# usando o método GetFileNameWithoutExtension() da classe Path

VB.NET - Como calcular o cosseno de um ângulo em VB.NET usando a função Cos() da classe Math - Calculadora de cosseno em VB.NET

C# - Como usar o laço do...while da linguagem C#

Java - E-Book 350 _Exercícios Resolvidos_ de Java - PDF com 500 páginas

C++ - C++ para iniciantes - Como criar um laço while infinito na linguagem C++

C# - Como usar a instrução continue da linguagem C#

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 largura da linha do contexto de desenho do Canvas do HTML 5 usando a propriedade lineWidth

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