Forum Discussion
Husain
Advocate I
7 years agoSVG in Power BI
Hi I am experimenting with animated images in Power Bi using SVGs I succeeded in creating few animated images. Please see attached file https://drive.google.com/file/d/1bCJ91OYhzz7YAh-rmbK...
- 6 years ago
Hi Husain,
this should work.
Moving Circle = "data: image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='500' height='350'> <circle id='orange-circle' r='30' cx='50' cy='50' fill='orange'> <animate attributeName='cx' from='50' to='450' dur='5s' begin='0s' repeatCount='2' fill='freeze' id='circ-anim'/> </circle> <rect id='blue-rectangle' width='50' height='50' x='25' y='200' fill='blue'> <animate attributeName='x' from='50' to='425' dur='5s' begin='0s' repeatCount='indefinite' fill='freeze' id='rect-anim'/> </rect> </svg>"If I answered your question, please mark my post as solution, this will also help others.
Please give Kudos for support.
mwegener
Most Valuable Professional
6 years agoHi Husain,
this should work.
Moving Circle = "data: image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='500' height='350'>
<circle id='orange-circle' r='30' cx='50' cy='50' fill='orange'>
<animate
attributeName='cx'
from='50'
to='450'
dur='5s'
begin='0s'
repeatCount='2'
fill='freeze'
id='circ-anim'/>
</circle>
<rect id='blue-rectangle' width='50' height='50' x='25' y='200' fill='blue'>
<animate
attributeName='x'
from='50'
to='425'
dur='5s'
begin='0s'
repeatCount='indefinite'
fill='freeze'
id='rect-anim'/>
</rect>
</svg>"
If I answered your question, please mark my post as solution, this will also help others.
Please give Kudos for support.