SVG Bilder in UWP Anwendung

geschwärzt gezeigt Ich und mein Team versuchen, einige. Svg-Icons in unserer UWP Win10-Anwendung (Ziel-und min-Version sind Windows 10 Fall Creators Update).SVG Bilder in UWP Anwendung

In meiner Ressource-Datei definierte ich meine SvgImageSource, wie folgend:

<SvgImageSource x:Key="PencilIcon" UriSource="Images/DeviceMenu/Icon_EditMode_grey.svg" />

Und ich dann weiter in meiner Komponente diese Bildquelle verwenden:

<Image Source="{StaticResource PencilIcon}" />

ich einige verschiedene SVGs versucht und sie alle rendern mit der richtigen Form, aber alle schwarz sind (erste ist der Bleistift):

Das Original svg wie folgt aussieht:

Hier ist der Code der Quelle SVG

Ich habe versucht Einstellung Stretch, Breite, Höhe und so weiter, aber ich kann einfach nicht scheinen zu Mach das zur Arbeit.

Quelle

2017-11-29 ivke

Dies ist ein bekanntes Problem von Adobe Illustrator, versuchen Sie, mit seinen SVG-Exporteinstellungen zu spielen.

Quelle

2017-11-29 17:22:57

Leider kann ich Adobe Illustrator nicht testen, da unser Designer auf der anderen Seite der Welt ist. Es ist mir jedoch gelungen, das Problem zu beheben, aber Bilder in InkScape zu importieren/exportieren – ivke

Und jetzt ein nützliches tatsächlich beantworten ....

UWP hat keine Ahnung, was CSS-Stile sind. In meinem Fall war dies:

<style 
    type="text/css" 
    id="style2"> 
    .st0{fill:#996459;} 
    .st1{fill:#FFFFFF;} 
    .st2{fill:#B4B6BC;} 
    .st3{fill:#5C546A;} 
    .st4{fill:#868491;} 
    .st5{fill:#0F4499;} 
</style>

dies für UWP zu beheben, jede Klasse finden = „...“ und manuell den Stil anwenden.

Quelle

2018-01-03 17:28:22

SVG Bilder in UWP Anwendung

Antwort

Verwandte Themen