C# dilinde Görüntü İçeren SVG | SVG'de PNG | SVG'de JPG

Ölçeklenebilir Vektör Grafikleri (SVG), web için yüksek kaliteli, ölçeklenebilir görüntüler oluşturmak için kullanılabilecek güçlü bir görüntü formatıdır. SVG görüntüleri XML kodu kullanılarak oluşturulur; bu da onların oluşturulmasını ve değiştirilmesini kolaylaştırır. Bazı durumlarda PNG veya JPG görselleri gibi kaynakları SVG’nin içine yerleştirmemiz gerekebilir. Bu blog yazısında size C# kullanarak içinde resim bulunan bir SVG’nin nasıl oluşturulacağını göstereceğiz.

Bu makale aşağıdaki konuları kapsamaktadır:

  1. İçindeki Görüntüyle SVG Oluşturmak için C# API’si
  2. PNG’yi SVG’ye gömün
  3. SVG’yi SVG’nin içine yerleştirin
  4. Ücretsiz Lisans Alın
  5. Ücretsiz Öğrenme Kaynakları

Image Inside ile SVG Oluşturmak için C# API’si

İçinde resim bulunan bir SVG oluşturmak için Aspose.SVG for .NET kullanacağız. Geliştiricilerin .NET uygulamalarında SVG dosyalarıyla çalışmasına olanak tanır. API, SVG dosyalarının yazılım bağımlılığı olmadan yüklenmesine, ayrıştırılmasına, işlenmesine, oluşturulmasına ve popüler formatlara dönüştürülmesine olanak tanır.

Lütfen API’nin DLL’sini indirin veya NuGet kullanarak yükleyin.

PM> Install-Package Aspose.SVG

C# kullanarak PNG’yi SVG’ye gömme

SVG’yi kullanarak bitmap görüntülerini bir SVG nesnesinin içine kolayca gömebiliriz. <image> öğesi. SVG <image> öğesi, görüntüleri JPEG, PNG ve hatta SVG grafikleri gibi çeşitli formatlarda oluşturma yeteneğine sahiptir. ’nin nitelikleri <image> öğesi, bitmap’in nasıl görüntülenmesi gerektiğini tanımlar. Birincil özellikler şunları içerir:

  • x ve y: Bunlar görüntünün sol üst köşesinin koordinatlarını belirtir.
  • genişlik ve yükseklik: Bunlar, görselin görüntüleneceği “pencerenin” genişliğini ve yüksekliğini belirler. Bu niteliklerin her ikisi de zorunludur.
  • href ve xlink:href: Bu nitelikler, resim dosyasının URL’sine işaret eder.
  • saveAspectRatio: Bu özellik, görüntünün orantılı olarak nasıl ölçeklendirileceğini yönetir.

Aşağıdaki adımları izleyerek kolayca içinde PNG bulunan bir SVG oluşturabiliriz:

  1. SVG içeriğini dize olarak belirtin.
  2. Bundan sonra dize içeriğinden SVGDocument sınıfının bir örneğini oluşturun.
  3. Son olarak Save() yöntemini kullanarak görüntüyü kaydedin.

Aşağıdaki kod örneği, C# kullanarak PNG görüntüsünün SVG’nin içine nasıl gömüleceğini gösterir.

// Gömülü PNG görüntüsüyle SVG içeriğini belirtin.
string content = "<svg height=\"500\" width=\"600\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    " +
                "<circle cx=\"120\" cy=\"100\" r=\"90\" style=\"fill:blue; stroke-width:3; stroke:rgb(0,0,0); fill-opacity:0.7\"  />" +
                "<image href=\"https://www.aspose.cloud/templates/aspose/App_Themes/V3/images/svg/272x272/aspose_svg-for-net.png\" x=\"70\" y=\"50\" height=\"100\" width=\"100\" />\r\n    \t" +
                "<text x=\"40\" y=\"250\">Embedded PNG image</text>\r\n    \t" +
        "</svg>";

// SVGDocument'i kullanarak bir SVG belgesini başlatın.
SVGDocument document = new SVGDocument(content, ".");

// Belgeyi SVGSaveFormat numaralandırmasıyla bir dosyaya kaydedin.
document.Save("C:\\Files\\EmbedPNG.svg", SVGSaveFormat.SVG);
C# kullanarak PNG'yi SVG'ye gömme

C# kullanarak PNG’yi SVG’ye gömün.

C# kullanarak SVG’yi SVG’nin içine yerleştirme

Benzer şekilde, daha önce bahsettiğimiz adımları takip ederek, içinde SVG görüntüsü bulunan bir SVG oluşturabiliriz.

Aşağıdaki kod örneği, C# kullanarak bir SVG görüntüsünün bir SVG’nin içine nasıl yerleştirileceğini gösterir.

// Gömülü SVG görüntüsüyle SVG içeriğini belirtin.
string documentContent = "<svg height=\"500\" width=\"500\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t" +
        "<image href=\"https://docs.aspose.com/svg/net/navigation-inspection/shapes.svg\" x=\"250\" y=\"10\" height=\"350\" width=\"350\" />\r\n    \t" +
        "<text x=\"300\" y=\"250\">Embedded SVG image</text>    \r\n" +
    "</svg>";

// SVGDocument'i kullanarak bir SVG belgesini başlatın.
SVGDocument document = new SVGDocument(documentContent, ".");

// Belgeyi SVGSaveFormat numaralandırmasıyla bir dosyaya kaydedin.
document.Save("C:\\Files\\EmbedSVG.svg", SVGSaveFormat.SVG);
C# kullanarak SVG'yi SVG'nin içine yerleştirme

C# kullanarak SVG’yi SVG’nin içine yerleştirin.

Ücretsiz Lisans Alın

Aspose.SVG for .NET’i değerlendirme sınırlaması olmadan denemek için ücretsiz bir geçici lisans alabilirsiniz.

İçinde Resim Bulunan SVG – Ücretsiz Kaynaklar

Aşağıdaki kaynakları kullanarak kütüphanenin çeşitli özellikleri hakkında daha fazla bilgi edinebilirsiniz:

Çözüm

Sonuç olarak, C# kullanarak gömülü görüntülerle SVG görüntüleri oluşturmak nispeten basit bir işlemdir. Bu eğitimdeki adımları izleyerek web sitenizde veya uygulamalarınızda kullanılabilecek kendi özel SVG görsellerinizi oluşturabilirsiniz. Güçlü ve çok yönlü bir SVG kitaplığı olan Aspose.SVG for .NET’ten yararlanarak, herhangi bir cihazda kullanılabilecek gömülü görüntülerle kolayca SVG görüntüleri oluşturabilirsiniz. Herhangi bir belirsizlik durumunda lütfen ücretsiz destek forumumuz üzerinden bizimle iletişime geçmekten çekinmeyin.

Ayrıca bakınız