Import SVG from local file to Power BI custom visual

[gubesh]

Hi fellow developers!

I am finishing my custom Power BI visual and I can´t succesfully load pictures into the custom visual from the local files (using assets folder). I am sending the image with the error (you can see that there is this "image missing" symbol) .

Basicaly I declared image as SVGElement. I created it in construct method as image. And in update method I tried to join path with xlink:href. The visual works in that way, that "image" is shown in Power BI online in correct place, but actual image is not loaded you can see only that error. I expect error in path, code, security or some settings that I dont know.
I read previous comments in community. I would highly appreciate any help from more experienced developers. Thank you!

Snipets of my code from visual.ts

Greetings from Prague!

Jakub Planka

@Greg_Deckler,  @lbendlin,  @Kaviraj11,  @Vil,  @v-shex-msft,  @EscritórioDados 
@v-asoronov @v-rzhou-msft @v-yangliu-msft 

[v-rzhou-msft]

Hi @gubesh ,

I think you can refer to below offical blog to learn more details about SVG in Power BI Custom Visual.

For reference:

Introduction to SVG utils in Power BI visuals - Power BI | Microsoft Learn

I hope it could help you solve your issue.

Best Regards,
Rico Zhou

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

[gubesh]

Hi!
This article does not help me to find answer to my problem. I need to import a picture PNG or SVG file from local folder. Picture like companys logo.

However the article was super informative, and I thank you for that. I will use this reference in my future project!

However problem still open.