Criar um QRCode sem programação

Criar um QRCode sem programação

O QR Code (Quick Response Code ou Código de Resposta Rápida), é um sistema que teve sua origem na indústria automobilística, quando surgiu a idéia era rastrear veículos durante o processo de fabricação. Ele foi criado pela empresa japonesa Denso-Wave, em 1994. Hoje ele é amplamento utilizado para outras coisas. A partir de 2003, ele começou a ser utilizado em celulares, mesmo as câmeras com baixa qualidade são capazes de ler e interpretar a imagem.

É muito comum o QR Code ser utilizado para disponilizar links rápidos para conteúdos na web.

Você pode gerar um QR Code com apenas 1 linha de código, utilizado a API charts do Google.

Como criar um QR Code?

O endereço que vai ser acessado é o seguinte:

https://chart.googleapis.com/chart

Este endereço vai receber 3 parâmetros, que são os seguintes:

* chs - Recebe as dimensões do código que você vai gerar

* cht - Aqui é definido que o tipo de retorno da API deve ser um QR Code.

* chl - O conteúdo que deve ser convertido para QR Code

Para criar o QRCode, você deve adicionar um elemento IMG em sua página e informar no atributo SRC o endereço desta API, com os parâmetros que você quer. O retorno da API vai ser no formato de imagem.

https://chart.googleapis.com/chart?chs=300x300&cht=qr&chl=conteudo

O resultado final será este:

 

Está começando e deseja saber o que precisa estudar de HTML e JavaScript? Não deixe de conferir os roteiros de estudo de HTML e JavaScript!. São dezenas de conteúdos para você melhorar suas habilidades.

Roteiro de estudos - HTML e CSS

Roteiro de estudos - Javascript

 

Outros conteudos que podem ser de seu interesse

Recursos gratuitos para você utilizar em seu frontend
21/08/2022JAVASCRIPT

Recursos gratuitos para você utilizar em seu frontend

Geradores de CSS e bancos de imagens para melhorar o seu projeto

Saiba mais...
Avisar quantos caracteres faltam com JavaScript
22/10/2019JAVASCRIPT

Avisar quantos caracteres faltam com JavaScript

Avise quantos caracteres faltam ao digitar dados em seu formulário

Saiba mais...

Conteúdo sobre banco de dados sem complicação!