Mostrar los tags: Image

Mostrando del 11 al 20 de 145 coincidencias
Se ha buscado por el tag: Image
Imágen de perfil

Tratamiento de imagenes con OpenCV


Python

Publicado el 12 de Agosto del 2021 por Luis (10 códigos)
2.154 visualizaciones desde el 12 de Agosto del 2021
Scripts en python para tratamiento básico de imágenes con open CV

tratamiento

Se emplean funciones de opencv que nos permiten realizar las siguientes operaciones en una imagen

-Redimensionar
-Recortar
-Rotar
-Mejora de brillo
-Contraste
-Obtener bordes
-Manipular histograma
-Escala de grises
Imágen de perfil

Cargador de imágenes descriptivo


PHP

Actualizado el 12 de Julio del 2021 por Marc (13 códigos) (Publicado el 25 de Marzo del 2016)
12.200 visualizaciones desde el 25 de Marzo del 2016
Este es un script PHP que consiste en un cargador de imágenes múltiple que funciona con jQuery. Puedes cambiar la descripción de las imágenes y el orden para un uso posterior. También puedes borrar las imágenes y previsualizarlas clicando en la miniatura. Por si esto no fuera poco, ¡¡el cargador de imágenes es responsivo!!. Una tabla MySQL se requiere para guardar los detalles de las imágenes (en el zip se incluye el script de la tabla).

screenshot
Imágen de perfil

Mover una cortina por encima de una imagen


JavaScript

Publicado el 16 de Abril del 2021 por Info (100 códigos)
1.174 visualizaciones desde el 16 de Abril del 2021
Este código permite sobreponer parte de una imagen encima de la otra, y con el ratón mover parte de la imagen superior sobre la imagen inferior.

cortina-por-encima-imagen


Para este efecto se utilizan dos imágenes, la que esta encima y la que se encuentra debajo, y pulsando sobre la imagen o arrastrando el ratón, podemos descubrir mas o menos la imagen inferior.
El encargado de crear este efecto es el estilo clip-path https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path

Para el ejemplo, he utilizado una imagen a color, y la misma imagen en escala de grises para visualizar el efecto.
Imágen de perfil

Rotar diferentes grupos de imágenes a diferente velocidad en milisegundos


JavaScript

Publicado el 13 de Abril del 2021 por Joel (150 códigos)
1.258 visualizaciones desde el 13 de Abril del 2021
Función que permite rotar un grupo de imágenes a una velocidad especificada en milisegundos, y permite indicar si al finalizar la rotación vuelve a empezar desde el principio.

Para cada rotación de imágenes, la función tiene que recibir:
- los milisegundos que se mostrara cada imagen
- array con la ubicación de las imágenes
- id del elemento <img> donde mostrar las imagenes
- un valor boleano que determina si cuando finalicen las imagenes, empieza desde el inicio nuevamente (por defecto es true)

En este gif, se muestran varios grupos de imágenes que se mueven a diferente velocidades.
rotar-imagenes-cada-n-milisegundos
Imágen de perfil

InvertImage


Java

Publicado el 10 de Abril del 2021 por Francisco Javier Rojas Garrido (24 códigos)
979 visualizaciones desde el 10 de Abril del 2021
Aplicación que muestra la filosofía de la opción de modo oscuro que estoy añadiendo a mis aplicaciones.
La idea es que cada vez que se cambia de modo (modo normal -> modo oscuro, ó modo oscuro -> modo normal), los colores de la aplicación se inviertan.
Así pues, esa traducción de colores implica invertir cada uno de los componentes RGB:

R = 255 - R
G = 255 - G
B = 255 - B

De esta manera, los colores claros pasan a ser oscuros y viceversa.

Además, si aplicamos la función de traducción de colores dos veces a un color, obtenemos el color original.

La aplicación muestra esta filosofía de inversión de colores sobre una imagen escogida por el usuario.

espero que a alguno de vosotros le guste.



InvertImage.v1.0
Imágen de perfil

Crear una imagen con un gráfico de barras con PHP


PHP

Publicado el 4 de Marzo del 2021 por Kata (76 códigos)
2.499 visualizaciones desde el 4 de Marzo del 2021
Código que genera una imagen gif con un gráfico de barras según información de nuestro array.

Puedes especificar los colores y tipo de letra.
Para que se muestren los textos, tiene que disponer del archivo true type de la fuente que vayas a utilizar en la carpeta donde se encuentra el php. Para este ejemplo, he utilizado arialbd.ttf.

grafica-de-barras-con-php-2

grafica-de-barras-con-php-1
Imágen de perfil

Obtener todas las imágenes de nuestra pagina web


JavaScript

Publicado el 3 de Marzo del 2021 por Katas (200 códigos)
1.951 visualizaciones desde el 3 de Marzo del 2021
Función que devuelve todas las imágenes de nuestra pagina web.
Permite indicar si deseamos que hayan duplicados

1
2
3
getImages(document, true); // ['image1.jpg', 'image2.png', 'image1.png']
getImages(document, false); // ['image1.jpg', 'image2.png']
getImages(document.getElementById("article"), false); // ['article1.jpg', 'article2.png']
sin imagen de perfil

Trabajando con imagenes


PHP

Publicado el 19 de Febrero del 2021 por Jefferson (11 códigos)
1.334 visualizaciones desde el 19 de Febrero del 2021
Trabajar con imágenes, en estos días es lo que vende "ya que todo entra por la vista".

Pero si trabajamos solo con move_uploaded_file empiezan nuestro problemas ya que esta instrucción solo mueve un archivo del punto A-B usando el mecanismo HTTP POST.

Si la imagen que queremos es muy grande (sin mencionar la que tomamos de nuestro teléfono que son exageradamente grandes y ahora parecen no acabar de pixelarlas mas) Cuando queremos pintarlas en nuestro src comienza la peregrinación para que cargue.

Esto trae como consecuencia que los clientes visitantes de la pagina se obstinan y abandonan ...

Con esta clase en php "que no es mia, de hecho hay tantas versiones en internet y en tantos idiomas que es difícil saber su autoría"

Lo que hice fue tomar funciones de una y otra y las agrupe en una sola clase, para que al final tengamos todo en uno.

* - Con ella reducimos el tamaño (redimensionar)
* - Creamos img Thumb (muy pequeñas para los perfiles)
* - Eliminamos el fondo negro de los png
* - Enderezamos las imágenes que generalmente las voltean los tlf.

Espero les sea de ayuda, a mi me sirvió de mucho.

Aparte les dejare una pequeña guía de como manipularla.

La subo a Google Drive, por lo pesada de las imágenes https://drive.google.com/file/d/1DIECxgU21ws_zjWkSUa8RBi4QizFpg8o/view?usp=sharing




Sin-titulo