https://github.com/ninja1375/gerador-codigo-barras
Gerador de Código de Barras
https://github.com/ninja1375/gerador-codigo-barras
css html javascript
Last synced: 3 months ago
JSON representation
Gerador de Código de Barras
- Host: GitHub
- URL: https://github.com/ninja1375/gerador-codigo-barras
- Owner: Ninja1375
- Created: 2024-12-31T21:22:07.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-01-03T01:19:27.000Z (5 months ago)
- Last Synced: 2025-01-03T02:24:10.456Z (5 months ago)
- Topics: css, html, javascript
- Language: JavaScript
- Homepage: https://ninja1375.github.io/Gerador-codigo-barras/
- Size: 32.2 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# Gerador de Código de Barras
Este é um projeto simples e funcional de **[Gerador de Código de Barras](https://ninja1375.github.io/Gerador-codigo-barras/)** desenvolvido com **HTML**, **CSS** e **JavaScript**. Ele permite criar códigos de barras baseados no texto ou número digitado e oferece a opção de baixá-los como imagem.
## Recursos
- **Geração de códigos de barras** utilizando o formato `CODE128`.
- **Interface responsiva e moderna**.
- Opção para **baixar o código de barras** gerado como uma imagem PNG.
## Demonstração
## Tecnologias Utilizadas
- **HTML**: Estrutura do projeto.
- **CSS**: Estilização responsiva e atraente.
- **JavaScript**: Lógica do gerador e integração com a biblioteca [JsBarcode](https://github.com/lindell/JsBarcode).
- **JsBarcode**: Biblioteca para geração de códigos de barras.
## Como Usar
1. Clone o repositório:
```bash
git clone https://github.com/Ninja1375/Gerador-codigo-barras.git
```
2. Navegue até a pasta do projeto:
```bash
cd Gerador-codigo-barras
```
3. Abra o arquivo `index.html` no navegador.
4. Digite o texto ou número no campo de entrada e clique no botão "**Gerar Código de Barras**".
5. O código de barras será exibido. Clique no botão "**Baixar Código de Barras**" para salvar a imagem no seu dispositivo.
## Estrutura do Projeto
```plaintext
Gerador-codigo-barras/
├── index.html # Estrutura principal do projeto
├── style.css # Estilos personalizados
├── script.js # Lógica do gerador
└── README.md # Documentação do projeto
```
## Personalização
Você pode personalizar o estilo do gerador editando o arquivo `style.css`.
Para alterar as opções do código de barras (como altura e largura), modifique as configurações no arquivo `script.js`:
```javascript
JsBarcode(barcode, input, {
format: "CODE128",
lineColor: "#000",
width: 2,
height: 100,
displayValue: true,
fontSize: 18,
});
```
## Contribuições
Sinta-se à vontade para contribuir com melhorias ou novas funcionalidades. Para isso:
1. Faça um fork do projeto.
2. Crie uma branch para sua feature:
```bash
git checkout -b minha-nova-feature
```
3. Faça suas alterações e envie um pull request.
## Apoie-me:
