SVG görüntüleri, ölçeklenebilirlikleri ve kalite özellikleri nedeniyle popüler hale geliyor. Bazı senaryolarda, daha çekici hale getirmek için SVG resimlerinin rengini değiştirmeniz gerekebilir. Bu makale, C# dilinde programlı olarak farklı SVG öğelerinin renginin nasıl değiştirileceğini kapsar.
- SVG Öğelerinin Rengiyle Çalışın - C# .NET API Kurulumu
- C#’ta SVG’nin Daire Elemanının Rengini Değiştirme
- C#’ta SVG’nin Satır Elemanının Rengini Değiştirme
- C#’ta SVG Görüntüsünün Arka Plan Rengini Ayarlama
SVG Öğelerinin Rengiyle Çalışın – C# .NET API Kurulumu
Aspose.SVG for .NET API ile Daire, Çizgi vb. gibi farklı SVG öğelerinin rengini değiştirebilirsiniz. DLL dosyalarını Yeni Sürümler’ten indirmeniz veya aşağıdaki NuGet kurulum komutunu kullanmanız yeterlidir:
PM> Install-Package Aspose.SVG
C#’ta SVG’nin Daire Elemanının Rengini Değiştirme
C#’ta SVG’nin daire öğesinin rengini aşağıdaki adımlarla değiştirebilirsiniz:
- Giriş SVG dosyasını yüklemek için bir SVGDocument sınıfı örneği oluşturun.
- Belgenin kökünü alın ve SVG öğesini daire içine alın.
- SVG öğesi için niteliği ve rengi ayarlayın.
- Çıkış SVG görüntüsünü kaydedin.
Aşağıdaki kod parçacığı, C#’ta SVG’nin daire öğesinin renginin nasıl değiştirileceğini ayrıntılı olarak açıklar:
// Dosyadan bir SVG belgesi yükleyin
SVGDocument document = new SVGDocument("shapes.svg");
// Belgenin kök svg öğesini alın
SVGElement svgElement = document.RootElement;
// Rengi değiştirmek için daire öğesini alın
SVGCircleElement circleElement = svgElement.QuerySelector("circle") as SVGCircleElement;
// Çember öğesi için yeni bir "dolgu" öznitelik değeri belirleyin
circleElement.SetAttribute("fill", "blue");
// SVG belgesini kaydedin
document.Save("circle-color.svg");
C#’ta SVG’nin Satır Elemanının Rengini Değiştirme
C# dilinde bir SVG görüntüsündeki Line öğesinin rengini değiştirmek için lütfen aşağıdaki adımları izleyin:
- Kaynak SVG görüntüsünü yüklemek için SVGDocument sınıfından bir nesne başlatın.
- Rengi değiştirmek için kök ve çizgi öğesini alın.
- Çıkış SVG dosyasını Kaydet yöntemini kullanarak kaydedin.
Aşağıdaki kod parçacığı, SVG dosyasındaki çizgi renginin programlı olarak C# ile nasıl değiştirileceğini gösterir:
// Dosyadan bir SVG belgesi yükleyin
SVGDocument document = new SVGDocument("basic-shapes.svg");
// Belgenin kök svg öğesini alın
SVGSVGElement svgElement = document.RootElement;
// Rengi değiştirmek için çizgi öğesini al
SVGLineElement lineElement = svgElement.QuerySelector("line") as SVGLineElement;
// Satır öğesi için yeni bir "stroke" öznitelik değeri belirleyin
lineElement.SetAttribute("stroke", "blue");
// SVG belgesini kaydedin
document.Save("line-color.svg");
C#’ta SVG Görüntüsünün Arka Plan Rengini Ayarlama
SVG görüntülerinin arka plan rengini aşağıdaki adımlarla ayarlayarak SVG görüntülerinin görünümünü iyileştirebilirsiniz:
- SVG ad alanını ayarlayın ve giriş dosyasını yükleyin.
- Bir dikdörtgen öğe oluşturun ve farklı özellikler ayarlayın.
- Dikdörtgen öğesini ilk çocuk olarak ekleyin ve çıktı dosyasını kaydedin.
Aşağıdaki kod parçacığı, SVG görüntüsünün arka plan renginin programlı olarak C# dilinde nasıl ayarlanacağını gösterir:
// SVG Ad Alanı URL'sini Ayarla
string SvgNamespace = "http://www.w3.org/2000/svg";
// Dosyadan bir SVG belgesi yükleyin
SVGDocument document = new SVGDocument("basic-shapes.svg");
// Belgenin kök svg öğesini alın
SVGSVGElement svgElement = document.RootElement;
// Bir dikdörtgen öğe oluşturun ve arka plan rengini değiştirmek için "fill" öznitelik değerini ayarlayın
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");
// Dikdörtgen öğesini SVG öğesinin ilk alt öğesi olarak ekleyin
svgElement.InsertBefore(rectElement, svgElement.FirstChild);
// SVG belgesini kaydedin
document.Save("background-color.svg");
Ücretsiz Değerlendirme Lisansı Alın
Ücretsiz değerlendirme lisansı alarak API’yi herhangi bir değerlendirme sınırlaması olmaksızın değerlendirebilirsiniz.
Çözüm
Bu makalede, bir SVG görüntüsündeki farklı öğelerin rengini nasıl değiştireceğinizi öğrendiniz. Aynı şekilde, bir SVG görüntüsünün arka plan renginin ayarlanmasıyla ilgili ayrıntılar da burada tartışılmaktadır. Ayrıca API’nin diğer özelliklerine dokümantasyon bölümünden göz atabilirsiniz. Herhangi bir sorunuz olması durumunda, lütfen forumdan bize yazın.