Forum Discussion

Anonymous's avatar
Anonymous
Not applicable
1 year ago
Solved

SVG image not able to process the image

I have a svg image where i had created the circle with stroke and filling the circle with the image. I had created the measure to show the dynamic image    value = var _image = MAX(Table[Profile...
Need Help
Show and Tell
Tips and Tricks
  • Anonymous's avatar
    Anonymous
    1 year ago

    Hi Anonymous ,
    According to your description, going to populate a custom image in a svg image after my testing, power bi doesn't seem to parse it. But you can turn it into a whole image through an external site before exporting it. Here are the steps to do it
    First, you need to convert your image to base64 encoding
    Base64 Image Encoder (base64-image.de)
    Then use this to display your target image.
    SVG Viewer - View, edit, and optimize SVGs

    Go to data url and get the base64 code of the whole image

    Use SVG in measure

    Measure = 
SWITCH(
    TRUE(),
    SELECTEDVALUE('Table'[Value]) = 1,"data&colon;image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'> <image href='data&colon;image/svg+xml;base64,[Your base64 code]' x='0' y='0' height='100' width='100'/> </svg>"
)

    Final output

    For dynamic selection, you can put these base64 codes in the same table and splice them together using the measure


    Best regards,
    Albert He

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

     

     

Anonymous's avatar
Anonymous
Not applicable
1 year ago

Anonymous we just have Image url within the data. is there any other approach rather than converting the entire image url to base 64. 

 

  • Anonymous's avatar
    Anonymous
    Not applicable
    1 year ago

    Hi Anonymous ,
    According to my test, using splice url to achieve SVG nesting seems to be unachievable, if you want to do custom svg images it is better to make the conversion to base64 format. If you want to use url directly, you can't achieve the customized effect, you can show the image function in visualization.
    Display images in a table, matrix, or slicer in a report - Power BI | Microsoft Learn

    Best regards,
    Albert He

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