SVG Tool
SVG hochladen, Farben anpassen und Power-Apps-tauglichen EncodeUrl-Code fuer das Image-Control generieren.
Das SVG Tool bereitet SVG-Grafiken fuer Power Apps auf. Es erzeugt den passenden data:image/svg+xml-String mit EncodeUrl, den du direkt in die Image-Eigenschaft eines Bildsteuerelements einfuegen kannst.
Kostenlos. Für die Nutzung wird einmalig deine E-Mail-Adresse abgefragt – danach hast du Zugriff auf alle Tools. Die Verarbeitung deiner Daten erfolgt lokal im Browser.
So funktioniert es
- SVG einfuegen oder hochladen.
- Optional Farben anpassen.
- Power-Apps-Code kopieren und in die Image-Eigenschaft einfuegen.
Beispiel: SVG als Power-Apps-Bildquelle
// Power Fx (Image-Eigenschaft)
"data:image/svg+xml;utf8, " & EncodeUrl(
"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>
<circle cx='12' cy='12' r='10' fill='#40c7c0'/>
</svg>"
)Häufige Fragen
Kostet das SVG Tool etwas?
Nein.
Werden meine Grafiken hochgeladen?
Nein, alles laeuft lokal im Browser.
Warum EncodeUrl statt reines SVG?
Power Apps erwartet fuer Inline-SVG eine URL-kodierte data-URI. EncodeUrl kodiert Sonderzeichen korrekt, damit das Bild zuverlaessig rendert.
Kann ich Farben dynamisch setzen?
Ja, du kannst Farbwerte im SVG anpassen und den generierten String uebernehmen; fuer dynamische Werte kombinierst du ihn mit Power-Fx-Variablen.
Wo fuege ich den Code ein?
In die Image-Eigenschaft eines Image-Controls in einer Canvas App.
Funktioniert das auch in modellgestuetzten Apps?
Der data-URI-Ansatz ist primaer fuer Canvas Apps gedacht.