Recently, I came across a requirement from a client that needed all SVG media types to render using the internal XML <Path> in the DOM, rather than using the standard <Img> tag.
This was a tricky one and there wasn’t very much information about how to accomplish this, as its not necessarily a common request. That being said, it does have its advantages, such as recoloring the vector using CSS.
The IDC Technology Spotlight explores the rapidly changing commerce landscape and the top 5 benefits of a modern DXP.
In this post, we’re going to go through the following:
- Creating a new Media Descriptor that will handle the SVG file format
- Looking at how SVGs are stored
- AzureBlob (DXP) vs FileBlob (Local)
- Extracting the XML and returning it
Although this works, it doesn’t mean this is the best way of doing it.
Please let me know your thoughts! I would love some feedback!