Home » Aspose.Blogs

C#의 웹사이트에서 SVG 추출

8월 23, 2023 · 3 min · 무잠밀 칸

C#의 웹사이트에서 SVG 추출

웹페이지나 라이브 URL에서 SVG 이미지를 저장하거나 다운로드하고 싶었던 적이 있습니까? SVG(Scalable Vector Graphics)는 웹페이지에서 널리 사용되는 이미지 형식입니다. SVG 이미지는 벡터 기반이므로 품질 저하 없이 어떤 크기로든 확장할 수 있는 수학적 개체로 구성됩니다. 따라서 이미지를 저장하고 표시하는 데 다양하고 효율적인 형식이 됩니다. 이번 블로그 게시물에서는 C#으로 웹사이트에서 SVG를 추출하는 방법에 대해 설명합니다.

이 문서에서는 다음 주제를 다룹니다.

웹사이트에서 SVG를 추출하는 C# API
웹사이트에서 SVG 추출
웹사이트에서 외부 SVG 이미지 다운로드
무료 학습 자료

웹사이트에서 SVG를 추출하는 C# API

웹사이트에서 SVG를 추출하기 위해 Aspose.HTML for .NET을 사용하겠습니다. 이를 통해 개발자는 HTML 문서를 조작하고 처리할 수 있습니다. .NET 애플리케이션 내에서 HTML 문서의 조작, 변환 또는 분석을 자동화하는 데 사용할 수 있습니다. 개발자는 HTML 관련 작업을 프로그래밍 방식으로 처리하기 위해 즉시 사용 가능한 솔루션을 구현함으로써 시간과 노력을 절약할 수 있습니다. 또한 외부 소프트웨어 없이 HTML 웹 페이지와 문서를 지원 형식으로 변환할 수 있습니다.

API의 DLL을 다운로드하거나 NuGet을 사용하여 설치하세요.

PM> Install-Package Aspose.Html

C#의 웹사이트에서 SVG 추출

를 사용하여 포함된 모든 SVG 이미지를 추출할 수 있습니다.<svg> 요소는 아래 단계에 따라 수행됩니다.

HTMLDocument 클래스를 사용하여 웹페이지를 로드합니다.
GetElementsByTagName() 메서드를 사용하여 모든 인라인 SVG 이미지를 읽습니다.
마지막으로 모든 이미지를 반복하고 로컬 파일 시스템에 저장합니다.

다음 코드 샘플은 C#의 웹 사이트에서 SVG를 추출하는 방법을 보여줍니다.

// 다음 코드 샘플은 C#의 웹 사이트에서 SVG를 추출하는 방법을 보여줍니다.
using Aspose.Html;

string OutputDir = "C:\\Files\\Internal\\";

// 인라인 SVG 이미지를 추출하려는 문서를 엽니다.
using var document = new HTMLDocument("https://docs.aspose.com/svg/net/drawing-basics/svg-shapes/");

// 모든 인라인 SVG 이미지 수집
var images = document.GetElementsByTagName("svg");

for (var i = 0; i < images.Length; i++)
{
    // 모든 SVG 이미지를 로컬 파일 시스템에 저장
    File.WriteAllText(Path.Combine(OutputDir, $"{i}.svg"), images[i].OuterHTML);
}

C#의 웹사이트에서 SVG 추출

C#의 웹사이트에서 외부 SVG 이미지 다운로드

아래 단계에 따라 HTML 문서 외부에 저장되어 문서에 로드되는 모든 SVG 이미지를 추출할 수 있습니다.

HTMLDocument 클래스를 사용하여 웹페이지를 로드합니다.
GetElementsByTagName() 메서드를 사용하여 모든 인라인 SVG 이미지를 읽습니다.
마지막으로 모든 이미지를 반복하고 로컬 파일 시스템에 저장합니다.

다음 코드 샘플은 C#으로 웹 사이트에서 외부에 포함된 SVG를 추출하는 방법을 보여줍니다.

using Aspose.Html;
using Aspose.Html.Net;

// 파일 디렉토리
string OutputDir = "C:\\Files\\";

// 외부 SVG를 추출하려는 문서를 엽니다.
using var document = new HTMLDocument("https://docs.aspose.com/svg/net/drawing-basics/svg-shapes/");

// 모든 이미지 요소 수집
var images = document.GetElementsByTagName("img");

// 상대 이미지 URL의 고유한 컬렉션 만들기
var urls = images.Select(element => element.GetAttribute("src")).Distinct();

// SVG가 아닌 이미지 필터링
var svgUrls = urls.Where(url => url.EndsWith(".svg"));

// 절대 SVG 이미지 URL 생성
var absUrls = svgUrls.Select(src => new Url(src, document.BaseURI));

foreach (var url in absUrls)
{
    // 추출 요청 생성
    using var request = new RequestMessage(url);

    // SVG 추출
    using var response = document.Context.Network.Send(request);

    // 응답 성공 여부 확인
    if (response.IsSuccess)
    {
        // SVG 이미지를 로컬 파일 시스템에 저장
        File.WriteAllBytes(Path.Combine(OutputDir, url.Pathname.Split('/').Last()), response.Content.ReadAsByteArray());
    }
}

무료 라이센스 받기

평가 제한 없이 .NET용 Aspose.HTML을 사용해 보려면 무료 임시 라이센스를 취득할 수 있습니다.

웹사이트에서 SVG 추출 - 학습 리소스

웹사이트에서 SVG를 추출하는 방법에 대해 자세히 알아보고 아래 리소스를 사용하여 라이브러리의 다양한 기타 기능을 탐색할 수 있습니다.

결론

이번 글에서는 C#으로 웹사이트에서 SVG를 추출하는 방법을 배웠습니다. 웹사이트나 웹페이지에서 SVG를 추출하는 기능은 디지털 창의성에 새로운 차원을 가져옵니다. 영감을 주는 그래픽을 보관하거나, 디자인 트렌드를 분석하거나, 자신의 프로젝트를 개선하는 등 이 기사에 설명된 단계는 프로세스가 얼마나 상대적으로 간단하고 몇 줄의 코드가 필요한지 보여줍니다. 모호한 점이 있으면 언제든지 무료 지원 포럼에 문의해 주세요.

또한보십시오