es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Recortar y cambiar el tamaño de las imágenes con este simple complemento jQuery

El recorte dinámico de imágenes es más fácil que nunca gracias a bibliotecas como jQuery. La base de código es fácil de usar y la comunidad tiene miles de complementos para manejar imágenes .

Uno de estos complementos es Cropper, una solución gratuita de recorte de imágenes de código abierto que maneja el zoom, recortar e incluso guardar imágenes .

Este proyecto está disponible en GitHub con una documentación muy extensa con docenas de características personalizadas.

Cropper le brinda a usted (el desarrollador) control total sobre cada aspecto de la interfaz. Puede trabajar con más de 30 opciones diferentes y más de 20 métodos personalizados integrados en el complemento Cropper.

Es totalmente táctil, por lo que funciona en todos los dispositivos móviles y es compatible con la rueda de desplazamiento / panel táctil para acercar y alejar las fotos. Los usuarios pueden voltear, rotar, escalar y reposicionar fotos en cualquier lugar del lienzo antes de recortar.

El complemento Cropper requiere una copia de jQuery y viene con dos archivos : una hoja de estilos CSS y la biblioteca de complementos de JavaScript. Simplemente agregue estos archivos a su página y ¡debería estar listo!

Recuerde, esta herramienta viene con muchas características. La documentación en línea puede ayudar, pero tendrá que ensuciarse las manos configurando un campo de carga de imágenes para aprenderlo todo. Su código de muestra solo muestra todo en la consola y se ve así:

 $ ('# image'). cropper ({aspectRatio: 16/9, crop: function (e) {// Muestra los datos de resultado para recortar la imagen. console.log (ex); console.log (ey); console. log (e.width); console.log (e.height); console.log (e.rotate); console.log (e.scaleX); console.log (e.scaleY);}}); 

Pero, realmente debería echar un vistazo a la demostración en vivo para ver cómo funciona todo esto.

Puede encontrar datos de salida en vivo de las coordenadas X / Y, junto con las dimensiones de la imagen cerca de la parte superior. Cropper también incluye una función de carga en la que el usuario puede seleccionar una imagen de su computadora y comenzar a recortar directamente en el navegador.

Actualizaciones en vivo en miniatura en la esquina, para que pueda ver cómo se ve el resultado final antes de guardar. Modifique la relación de aspecto, la calidad de salida, la posición de recorte predeterminada y mucho más.

Consejo de Gmail: filtro de correo por marca de tiempo

Consejo de Gmail: filtro de correo por marca de tiempo

La barra de búsqueda propia de Gmail puede llegar a ser una herramienta extremadamente poderosa si sabe cómo aprovechar los operadores de búsqueda . Si bien anteriormente hemos cubierto algunos de los operadores de búsqueda que se pueden utilizar para restringir su búsqueda en la Bandeja de entrada, este artículo se centrará en cómo puede buscar los correos electrónicos que se enviaron durante un período de tiempo específico .Para lleva

(Consejos de tecnología y diseño)

¿Los diseñadores viven en una burbuja?

¿Los diseñadores viven en una burbuja?

Es una pregunta provocadora, lo sé. La pregunta de si la comunidad de diseño es demasiado insular es una que muchos en la comunidad de diseño se han preguntado por algún tiempo. Hay más diseñadores trabajando que nunca, y el diseño juega un papel muy destacado en las industrias actuales de tecnología avanzada. Person

(Consejos de tecnología y diseño)