Banner

DESARROLLO Y DISEÑO WEB

Listado de Artículos sobre SVG Filters

SVG Filters: Uso de feDiffuseLighting (Iluminaciones Difusas)

Esta primitiva de filtro ilumina una imagen utilizando el canal alfa como un mapa de relieve. El mapa de la luz producida por esta primitiva se puede combinar con una textura usando el operador arithmetic de feDiffuseLighting. Se pueden simular múltiples fuentes de luz mediante la adición de varios de estos mapas de iluminación antes de aplicarlo a una textura.

SVG Filters: Uso de feConvolveMatrix (Matrices de Convolución)

Este filtro permite el procesamiento de la imagen en lo que se conoce como un filtro de convolución. Nos permite definir una matriz cuadrada (típicamente n por n elementos para algún número impar n) en la que la celda o valor central de la matriz se refiere al propio píxel, y las celdas anteriores, izquierda, abajo y derecha de la misma dentro de la matriz, se refieren a los píxeles arriba, izquierda, abajo y a la derecha del píxel en la imagen de origen. Los coeficientes numéricos en la matriz definen el peso que cada píxel vecino que tendrá en el cálculo del nuevo color de dicho píxel.

SVG Filters: Uso de feComposite (Composiciones)

Combina dos imágenes pixel a pixel en un mismo espacio usando el canal alfa de Porter-Duff para realizar las operaciones de composición. Las operaciones son over, in, out, atop, xor, and arithmetic. Hay que tener en cuenta que, en una cierta medida, la imagen resultante puede aumentar de tamaño, incluso si las dos imágenes se superponen.

SVG Filters: Uso de feComponentTransfer (Componentes de transferencia)

La primitiva feComponentTransfer permite la redefinición independiente de cada uno de los cuatro canales de color: R, G, B, y A (alfa). Permite realizar operaciones como el ajuste del brillo, el contraste, equilibrio de color o umbral través de diferentes funciones que son aplicables a uno o varios canales de una imagen. El filtro feComponentTransfer se define a través de sus métodos feFuncR, feFuncG, feFuncB y feFuncA que crean y gregan una función de transferencia para cada canal R G B A y, cada una de ellas puede tener, además del indicador de tipo, uno o varios parámetros.

SVG Filters: Uso de feColorMatrix (Matrices de Color)

La primitiva feColorMatrix permite la redefinición de colores dentro de una imagen, basandose en la capacidad de multiplicar los niveles de cada píxel RGB y alfa por coeficientes numéricos. En una situación muy compleja, un usuario podría especificar una matriz entera de veinte coeficientes (es decir, de 4 por 5), que debe de multiplicarse por el vector de uno a cuatro compuesto por los valores R G B A que representan el valor de color y opacidad de un píxel determinado. Las filas de la matriz representan respectivamente los tonos R, G, B, y el Alfa, al igual que el vector de uno a cuatro antes comentado.

SVG Filters: Uso de feBlend (Fusionar)

Realiza pixel a pixel una combinación de dos imágenes de entrada. Los modos de fusión son: Normal, Multiplicar (multiply), Pantalla (screen), oscurecer (darken) y aclarar (lighten). Los atributos in e in2 representan la primera y segunda imagen de entrada para realizar la operación de fusión. Tanto in como in2 contendrán uno de sus valores estándar o podrán tener otra fuente o imagen de entrada definida por el usuario.

Página   1  2