SVG feTile Element

The <feTile> SVG filter primitive allows to fill a target rectangle with a repeated, tiled pattern of an input image.

Syntax:

<feTile in="" x="" y="" width="" height="" />

Attributes:

• in: The in attribute identifies input for the given filter primitive. 
• x: It defines x-axis coordinate in the user coordinate system.
• y: It defines y-axis coordinate in the user coordinate system
• width: The width of the foreignObject.
• height: The height of the foreignObject.

Example 1:

Output:

👁 Image

Example 2:

Output :

👁 Image

Example 3:

Output:

👁 Image