Articles on: HTML5 App (Developer Version)

Adding patterns for text and SVG elements

Patterns can only be used with SVG images or text elements.


Store patterns in folder


First of all you need to upload the png or jpeg files that you would like to use as patterns, to the patterns directory or to your desired directory.


Enabling patterns


You can define different patterns to every text or SVG image separately. For that you can enable an array of URLs to pattern image in the patterns property.


//Example element object
{
"type": "image",
"source": "Image.svg",
"title": "SVG Image",
"parameters": {
"colors": "#000,#fff,#990000,#83635c",
"top": 300,
"left": 450,
"patterns": ["patterns/pattern_1.png", "patterns/pattern_2.png"]
}
}


JavaScript

Updated on: 06/08/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!