<feImage> Playground

Loads an external image or references an SVG element as a filter input. This demo generates a data URI from an inline SVG pattern to demonstrate feImage without external dependencies.

Preview

Parameters

The pattern loaded into the filter. In practice, use a URL to an external image.
How the loaded image is composited with the source graphic.
Primary colour used in the generated pattern.
Transparency of the pattern overlay.

Generated Code