SVG画像は、そのスケーラビリティと高品質の機能のために人気が高まっています。シナリオによっては、SVG画像をより魅力的にするために色を変更する必要がある場合があります。この記事では、C#でプログラムによってさまざまなSVG要素の色を変更する方法について説明します。
SVG要素の色を操作する– C#.NET APIのインストール
Aspose.SVG for .NET APIを使用して、Circle、LineなどのさまざまなSVG要素の色を操作できます。 新しいリリースからDLLファイルをダウンロードするか、次のNuGetインストールコマンドを使用します。
PM> Install-Package Aspose.SVG
C#でSVGの円要素の色を変更する
次の手順で、C#のSVGの円要素の色を変更できます。
- SVGDocumentクラスのインスタンスを作成して、入力SVGファイルをロードします。
- ドキュメントのルートとサークルのSVG要素を取得します。
- SVG要素の属性と色を設定します。
- 出力SVG画像を保存します。
以下のコードスニペットは、C#でSVGの円要素の色を変更する方法を詳しく説明しています。
// ファイルからSVGドキュメントをロードする
SVGDocument document = new SVGDocument("shapes.svg");
// ドキュメントのルートsvg要素を取得します
SVGElement svgElement = document.RootElement;
// 円の要素を取得して色を変更する
SVGCircleElement circleElement = svgElement.QuerySelector("circle") as SVGCircleElement;
// 円要素の新しい「塗りつぶし」属性値を設定します
circleElement.SetAttribute("fill", "blue");
// SVGドキュメントを保存する
document.Save("circle-color.svg");
C#でSVGの線要素の色を変更する
C#でSVG画像のLine要素の色を変更するには、以下の手順に従ってください。
- SVGDocumentクラスのオブジェクトを初期化して、ソースSVGイメージをロードします。
- ルート要素とライン要素を取得して、色を変更します。
- Saveメソッドを使用して出力SVGファイルを保存します。
次のコードスニペットは、C#でプログラムによってSVGファイルの線の色を変更する方法を示しています。
// ファイルからSVGドキュメントをロードする
SVGDocument document = new SVGDocument("basic-shapes.svg");
// ドキュメントのルートsvg要素を取得します
SVGSVGElement svgElement = document.RootElement;
// 線要素を取得して色を変更する
SVGLineElement lineElement = svgElement.QuerySelector("line") as SVGLineElement;
// line要素に新しい「ストローク」属性値を設定します
lineElement.SetAttribute("stroke", "blue");
// SVGドキュメントを保存する
document.Save("line-color.svg");
C#でSVG画像の背景色を設定する
次の手順でSVG画像の背景色を設定することにより、SVG画像の外観を向上させることができます。
- SVG名前空間を設定し、入力ファイルをロードします。
- 長方形要素を作成し、さまざまなプロパティを設定します。
- 最初の子として長方形要素を追加し、出力ファイルを保存します。
以下のコードスニペットは、C#でプログラムによってSVG画像の背景色を設定する方法を示しています。
// SVG名前空間URLを設定する
string SvgNamespace = "http://www.w3.org/2000/svg";
// ファイルからSVGドキュメントをロードする
SVGDocument document = new SVGDocument("basic-shapes.svg");
// ドキュメントのルートsvg要素を取得します
SVGSVGElement svgElement = document.RootElement;
// 長方形要素を作成し、「塗りつぶし」属性値を設定して背景色を変更します
SVGRectElement rectElement = (SVGRectElement)document.CreateElementNS(SvgNamespace, "rect");
rectElement.X.BaseVal.Value = 3;
rectElement.Y.BaseVal.Value = 3;
rectElement.Width.BaseVal.Value = 400;
rectElement.Height.BaseVal.Value = 400;
rectElement.SetAttribute("fill", "Salmon");
// SVG要素の最初の子として長方形要素を追加します
svgElement.InsertBefore(rectElement, svgElement.FirstChild);
// SVGドキュメントを保存する
document.Save("background-color.svg");
無料の評価ライセンスを取得する
無料評価ライセンスを取得することで、評価の制限なしにAPIを評価できます。
結論
この記事では、SVG画像のさまざまな要素の色を変更する方法を学びました。同様に、SVG画像の背景色の設定に関する詳細についてもここで説明します。さらに、ドキュメントセクションでAPIの他の機能を確認できます。ご不明な点がございましたら、フォーラムまでお問い合わせください。