Nuotraukos mišinys
Kaip sujungti vaizdus ir pridėti sienas ar etiketę naudojant .NET

Kaip sujungti vaizdus ir pridėti sienas ar etiketę naudojant .NET

Pridėjus sienas ir užrašus sujungtiems vaizdams, padidėja aiškumas ir profesionalumas – būtina techninėms ataskaitoms, galerijoms ir rinkodaros medžiagoms. „Aspose.Imaging for .NET“ leidžia tai lengvai automatuoti bet kokiam rinkinį ar scenarijui.

Realaus pasaulio problemos

Paprasčiausiai sujungti vaizdus gali sukelti vizualinį supainiojimą, ypač galerijose ar šoninės pusės palyginimuose. sienos aiškiai atskiria nuotraukas, o etiketės suteikia kontekstą, datas ar produkto informaciją.

Sprendimo apžvalga

Aspose.Imaging grafikos API leidžia jums piešti sienas, užpildyti fonas ir užpilti tekstą ant bet kokio paveikslėlio sujungimo metu – skalaujamas bet kokiam pakuotės, stiliaus ar automatizavimo poreikiui.

Prerequisites

  • „Visual Studio 2019“ arba vėliau
  • .NET 6.0 arba naujesnė (arba .Net Framework 4.6.2+)
  • Aspose.Imaging .NET iš NuGet
  • Nuotraukos, kurias galima sujungti ir įrašyti (bet kokio formato)
PM> Install-Package Aspose.Imaging

Žingsnis po žingsnio įgyvendinimas

1 žingsnis: Pasirinkite Merg Layout ir paruošti nuotraukas 

bool mergeHorizontal = true; // or false for vertical
string[] files = Directory.GetFiles("./input", "*.jpg");

2 žingsnis: Atsisiųskite nuotraukas, nustatykite ribas / etiketės nustatymus 

var images = files.Select(f => Image.Load(f)).ToList();
int borderThickness = 5;
Color borderColor = Color.Black;
Font labelFont = new Font("Arial", 24, FontStyle.Bold);
Color labelColor = Color.Blue;
string[] labels = files.Select(Path.GetFileNameWithoutExtension).ToArray();

3 žingsnis: apskaičiuoti Canvas dydį su erdvės sienos ir etiketės 

int labelHeight = 40;
int totalWidth = mergeHorizontal ? images.Sum(i => i.Width + borderThickness * 2) : images.Max(i => i.Width) + borderThickness * 2;
int totalHeight = mergeHorizontal ? images.Max(i => i.Height) + borderThickness * 2 + labelHeight : images.Sum(i => i.Height + borderThickness * 2 + labelHeight);

4 žingsnis: kiekvienas paveikslėlis su siena ir kapcija 

using (var outImg = Image.Create(new PngOptions(), totalWidth, totalHeight))
{
    var graphics = new Aspose.Imaging.Graphics(outImg);
    graphics.Clear(Color.White);
    int x = 0, y = 0;
    for (int i = 0; i < images.Count; i++)
    {
        var img = images[i];
        int drawX = mergeHorizontal ? x : (totalWidth - img.Width) / 2;
        int drawY = mergeHorizontal ? (totalHeight - img.Height - labelHeight) / 2 : y;
        // Draw border
        graphics.DrawRectangle(new Pen(borderColor, borderThickness), drawX - borderThickness, drawY - borderThickness, img.Width + borderThickness * 2, img.Height + borderThickness * 2);
        // Draw image
        graphics.DrawImage(img, drawX, drawY, img.Width, img.Height);
        // Draw label
        graphics.DrawString(labels[i], labelFont, new SolidBrush(labelColor), drawX, drawY + img.Height + 5);
        if (mergeHorizontal)
            x += img.Width + borderThickness * 2;
        else
            y += img.Height + borderThickness * 2 + labelHeight;
    }
    outImg.Save("./output/merged_with_borders_labels.png");
}
images.ForEach(img => img.Dispose());

5 žingsnis: išankstinis ir puikus laikotarpis

  • Išbandykite skirtingus fontus, spalvas ar sienų storį
  • Nustatykite poziciją ilgoms etiketėms ar mažoms nuotraukoms

Naudokite atvejus ir paraiškas

  • Rinkodaros ir socialinės žiniasklaidos kolagijos su produktų pavadinimais
  • Techninė dokumentacija ir ataskaitos su figūra
  • Nuotraukų sienos, skirtos renginiams ar parodoms
  • E-komercijos produktų palyginimas

Bendrieji iššūkiai ir sprendimai

Iššūkis 1: Žymos Overlap nuotraukos ar sienos

Išsprendimas: Padidinkite etiketės aukštį arba pagal poreikį pritaikykite teksto padėtį.

Iššūkis 2: sienos padengti vaizdo turinį

Rozoliucija: Įrašykite sienas už vaizdo ploto ribų (kaip pavyzdinio kodo).

3 iššūkis: fonto ar spalvų klausimai

Išsprendimas: Norėdami skaityti, pasirinkite saugias žiniatinklio fontus ir aukštos kontrastinės etiketės spalvas.

Veiksmingumo apžvalgos

  • Įdėkite visus vaizdus po piešimo, kad išvengtumėte atminties bėgių
  • Naudokite PNG aiškioms sienoms ir be nuostolių kokybei; JPEG tinklui
  • Bandymo batų dydis ir kanvas dydį dideliems kolagams

Geriausios praktikos

  • Laikykite sienos ir etiketės stilių nuosekliai prekės ženklui
  • Išankstinis rodiklis tikslinėje programoje ar platformoje
  • Automatiškai naudoti dinamines aplankas arba produktų sąrašus
  • Įdiegti arba eksportuoti šaltinio nustatymus pakartotiniam paleidimui

Išplėstiniai scenarijai

1 scenarijus: pritaikytos sienos pagal vaizdą

Įrašykite skirtingas spalvas / storį kiekvienai nuotraukai ar kategorijai.

2 scenarijus: rotuoti arba diagonalios etiketės

Naudokite grafikos transformacijas kūrybiniams stiliams.

FAQ

**Q: Ar galiu naudoti skaidrias ar apvalias sienas?**A: Taip, piešimas su pusiau skaidriomis spalvomis arba apvaliomis tiesomis efektą.

**Q: Kaip aš lokalizuoju / įrašu keliomis kalbomis?**A: Naudokite vertimo API generuoti labels[] Prieš rašydami.

**Q: Ar galiu automatizuoti etiketės turinį?**A: Taip, ištraukti iš failų metaduomenis, EXIF arba duomenų bazę dinaminio ženklinimo.

Conclusion

Su „Aspose.Imaging“ .NET, lengva sukurti įrašytus, vizualiai atskirus sujungtus vaizdus – automatizuotus bet kokiam darbo srautui, nuo galerijų iki techninių dokumentų.

See Aspose.Imaging .NET API nuoroda daugiau pritaikymo su sienomis, etiketėmis ir piešimu.

 Lietuvių