? El estilo de imagen de Drupal 7 módulo puede hacer efecto de imagen como cambiar el tamaño, escalar, recortar etc. Pero no es suficiente. Por ejemplo, el tamaño de imagen original es 800x600, puedo escalarlo a 400x300, luego quiero agregar fondo blanco en altura, hacerlo 400x400. ¿Cómo hacer este efecto?¿Hay algún efecto de imagen para agregar fondo blanco en la imagen en drupal 7
Por último, he creado para este image effect module. cambia el tamaño de una imagen a un tamaño de conjunto de dimensiones exacto sin recorte, estiramiento o reducción, pero agregará fondo blanco si es necesario.
Gracias ¡Frank! –
image cache actions es un gran módulo para estos casos ... puede probar que
Para ello, utilice 2 estilos: Escala + Definir la lona bajo la imagen –
Veo que ha encontrado una solución. Pero hay uno mucho más simple. Haga que su estilo de imagen escale su imagen a 400x300 (mantendrá la relación de aspecto de la imagen). A continuación, utilice CSS para dar estilo a uno de los divs circundantes con un fondo blanco y un tamaño fijo: 400x300px. Si una imagen tiene una relación de aspecto diferente, la div blanca circundante se completará. Si desea agregar espacio en blanco en la parte inferior/derecha, coloque su imagen en la parte superior izquierda dentro de div. O puede centrar la imagen para agregar espacio en blanco a ambos lados o arriba/abajo (según la relación de aspecto de la imagen). Si necesita un borde o una sombra de cuadro alrededor de la imagen, aplíquela a la div circundante.
Añadir el espacio negro: Si su estilo de imagen se utilizan en una presentación de diapositivas de respuesta o algo y/o desea que todas las imágenes sean un tamaño exacto (altura/anchura), que podría lograr esto mediante el uso de dos filtros:
Escala a 400x300 (Hight o anchura se ajustan a este tamaño y el otro será igual o menor)
Crop a 400x300 (desde altura/anchura ya es igual o menor que 400x300 se agregará negro espacio superior/inferior o derecha/izquierda si es necesario)
[editar]
agregar espacio en blanco usando ImageCache Actions (Drupal 7) :
para Drupal 8 imagecache acciones que ahora se llama Image Effects. El efecto para corregir la altura/ancho con la opción de fondo es "Establecer lienzo".
En realidad, puede hacerlo fácilmente con Kit de imagen efecto. Con el Smart Resizer, puede definir qué color de fondo desea utilizar para rellenar los espacios en blanco.
en lugar de solo publicar un enlace, debe mostrar la respuesta usando el ejemplo de código y describir brevemente para enriquecer una respuesta – AADProgramming
Por qué no usar CSS para aplicar un borde 50 px a la parte superior e inferior de la imagen? – jsheffers
@jsheffers porque la altura de la imagen no está fija –
Usted dice que está escalando la imagen a 400x300 que tiene un tamaño fijo ... Si ese fuera el caso, podría usar mi solución anterior. – jsheffers