Skip to content

maricaroj/editor-memes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Editor de Memes 🎭

Aplicación para editar texto e imagen de un meme que se puede descargar para compartirla en las redes sociales. Proyecto realizado como evaluación final del segundo modulo del curso desarrollo FrontEnd, utilizando JavaScript para modificar dinámicamente el contenido y las propiedades de la imagen y el texto.


👀 Haciendo click aquí puedes verlo andar y editar tu propio meme 👩🏻‍💻


Generador de Memes

📌 Este proyecto utiliza las siguientes dependencias para la descarga de la imagen:.

📁 DOM To Image

📁 FileServer.js



⚙ Pseudocódigo sección Fondo Transparente del Texto

¿Cómo hacer para que el fondo del texto superior e inferior se transparente cuando seleccionamos el checkbox de fondo transparente y al deseleccionarlo sea del color elegido?

Variables

X = checkbox
A = caja superior de texto
B = caja inferior de texto
C = selector de color de fondo texto

Pseudocódigo

  • Inicio
    • Leer variables: X, A, B, C
    • Hacer: agregar el evento a X (determinar cual evento utilizaremos)
      • Si (X esta seleccionado) entonces
        • hacer: aplicar tanto a A como a B estilos: color de fondo = transparente y, posición = absoluta. Aplicar posición superior = 0 para A y posición inferior = 0 para B.
      • SiNo
        • hacer: aplicar tanto a A como a B estilos: color de fondo = C y, posición = estatica.
      • Fin-Si
  • Fin

DFD

Sección Fondo Transparente


Hecho con mucho amor por 💛💙❤️

About

2do Proyecto curso desrrollo FontEnd ADA

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published