☰

Windows 8 / WinRTでSVGファイルをXAMLに変換する方法 質問する

tag-icon • tag-icon xaml c#-4.0 svg windows-8 windows-runtime
Windows 8 / WinRTでSVGファイルをXAMLに変換する方法 質問する

Windows 8 / WinRT で SVG ファイルを XAML に変換する方法を教えてください。この XAML / SVG 環境は初めてです。Windows 8 で同じことを実装するのを手伝ってください。この SVG ファイルを解析し、コードを通じてページにコンテンツを表示する必要があります。

ベストアンサー1

私にとって最も簡単な方法は次のとおりです。

  1. 開く.svg無料ベクター描画ツールのファイルインクスケープ
  2. 「Microsoft XAML (*.xaml)"

また、すべてのXAML処理エンジンが文字列から図への変換をサポートしているわけではないため、変換後に結果の出力ファイルを少し更新する必要があるかもしれません（この Xaml パスが Silverlight をクラッシュさせるのはなぜですか?）。たとえば、次のような場合です。

<Path Fill="#FFEDEDED" StrokeThickness="1" Stroke="#FFA3A3A3" Opacity="0.7" 
                VerticalAlignment="Center" HorizontalAlignment="Center" >
    <Path.Data>
        <PathGeometry Figures="m 1 2 l 4.0525 5.2361 l 4.0527 -5.2361 z "/>
    </Path.Data>
</Path>

これを次のように変更する必要があります:

<Path Fill="#FFEDEDED" StrokeThickness="1" Stroke="#FFA3A3A3" Opacity="0.7" 
            VerticalAlignment="Center" HorizontalAlignment="Center"
            Data="m 1 2 l 4.0525 5.2361 l 4.0527 -5.2361 z" />

- または -

少し異なる方法でエクスポートすることもできますxamlからインクスケープ、によって記述ティム・ホイヤー質問に対する受け入れられた答えとしてSVG を XAML に変換するどちらの方法でも異なる xaml 出力が生成されるためです。

方法（そうです、スーパーハックです）：

  • Inkscapeを使用してPDFとして保存する

  • ファイル名拡張子をPDFからAIに変更します

  • Expression Designを使用してAIドキュメントを開く

  • Silverlight Canvas にエクスポート

更新 (2015-08-25)

私は、最初の (より簡単な) 方法よりも、2 番目の (「ハック」) 方法をますます頻繁に使用しています。これは、私が言うところのより「期待通りの」 XAML が作成されるからです。

おすすめ記事