Skip to content

Criando um simples papel de parede 🖼 com efeito de desfoque (blur) no plano de fundo utilizando: JavaScript, Node.Js e ImageMagick 🧙

License

Notifications You must be signed in to change notification settings

AntonioNarcilio/using-nodejs-with-imagemagick

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Criando um simples papel de parede com efeito blur no plano de fundo utilizando imagemagick junto com node.js



Node js ImageMagick
GitHub repo size license GitHub last commit GitHub language coun GitHub top language


Imagem Original

Imagem Convertida



Atenção: Antes de prosseguir com o passo a passo descrito abaixo, você precisa ter instalado em sua máquina o Node Js o ImageMagick e caso queira, o gerenciador de pacote Yarn.


Se não for o seu caso 😎 então você já pode prosseguir 👍

Clonando o repositório

Antes você deve clonar este repositório. E para isso existe diversas formas de se fazer.

  1. Clonando via https:

    Execute no terminal

    git clone https://github.com/AntonioNarcilio/imagemagick-effect-blur.git
  2. Clonando via ssh preferencialmente*:

    Execute no terminal

    git clone git@github.com:AntonioNarcilio/imagemagick-effect-blur.git
  3. Baixando arquivo .zip

    Basta clicar la no inicio da pagina no botão code e depois em Download ZIP ou basta clicar Aqui

    Ai é so descompactar o arquivo .zip que você verá uma pasta com o nome do repositório imagemagick-effect-blur.



Criando o wallpaper

Dentro do diretório/pasta criado ao clona/baixar. Mova a(s) imagem(ns) que deseja criar o(s) "wallpaper(s)" para o diretório public / img-original, e então siga um dos passos a passo descrito abaixo 👇.


1️⃣ Executando aplicação via script

Na pasta raiz da aplicação encontra-se um arquivo chamado RUN_App.sh, antes de executar o script dê permissão de execução para o mesmo, então abra o terminal no diretório onde se encontra o arquivo e execute o comando.

chmod +x RUN_App.sh

E então execute-o com duplo clique o script RUN_App




2️⃣ Executando aplicação via terminal >_

Se preferir abra o terminal no diretório raiz da aplicação e execute o comando

npm run start

ou

yarn run start



Pronto se tudo ocorrer conforme o 🙌 esperado 🎊 a imagem editada será salva no diretório 🗂 public / img-edited


Se assim como eu, você é utilitário do KDE com interface plasma então ao executar o script RUN_App.sh aparecerá uma simples mensagem popup informando que a(s) imagem(ns) foi/foram editada(s) ...



Created with ❤ by Antônio Narcilio

About

Criando um simples papel de parede 🖼 com efeito de desfoque (blur) no plano de fundo utilizando: JavaScript, Node.Js e ImageMagick 🧙

Topics

Resources

License

Stars

Watchers

Forks