Expand my Community achievements bar.

AEM as Cloud SVG Images not able to apply launch map option

Avatar

Level 2

Hi Everyone ,

We are facing an issue with svg images, for which not able to apply launch map , we are using v3 core component image for our aem as cloud project, please provide any info if we can achieve this launch map feature for svg images in cloud.

2 Replies

Avatar

Community Advisor

Hi, 

 

I am assuming that you meant "SVG interactive" when you mentioned about launch map, if so, the problem is that the Image core component adds the SVG in an SRC attribute. And by definition, using SVG images in a <img> tag does not support interactivity directly. When you reference an SVG file using the src attribute of an <img> tag, the SVG is treated as a static image, and you cannot manipulate its internal elements with JavaScript. 

EstebanBustamante_0-1727462459934.png

 

If you need to interact with the SVG, you should include the SVG code directly in your HTML.

 

Hope this helps

 



Esteban Bustamante

Avatar

Administrator

@Som_ChaithanyaGo Did you find the suggestion helpful? Please let us know if you require more information. Otherwise, please mark the answer as correct for posterity. If you've discovered a solution yourself, we would appreciate it if you could share it with the community. Thank you!



Kautuk Sahni