SVG 이미지는 확장성과 품질 기능으로 인해 인기를 얻고 있습니다. 일부 시나리오에서는 SVG 이미지의 색상을 변경하여 더 보기 좋게 만들어야 할 수 있습니다. 이 문서에서는 C#에서 프로그래밍 방식으로 다양한 SVG 요소의 색상을 변경하는 방법을 다룹니다.
SVG 요소의 색상 작업 – C# .NET API 설치
Aspose.SVG for .NET API를 사용하여 Circle, Line 등과 같은 다양한 SVG 요소의 색상을 조작할 수 있습니다. New Releases에서 DLL 파일을 다운로드하거나 다음 NuGet 설치 명령을 사용하기만 하면 됩니다.
PM> Install-Package Aspose.SVG
C#에서 SVG의 원 요소 색상 변경
다음 단계에 따라 C#에서 SVG의 원 요소 색상을 변경할 수 있습니다.
- SVGDocument 클래스의 인스턴스를 생성하여 입력 SVG 파일을 로드합니다.
- 문서의 루트 및 원 SVG 요소를 가져옵니다.
- SVG 요소의 속성 및 색상을 설정합니다.
- 출력 SVG 이미지를 저장합니다.
아래 코드 조각은 C#에서 SVG의 circle 요소 색상을 변경하는 방법을 자세히 설명합니다.
// 파일에서 SVG 문서 로드
SVGDocument document = new SVGDocument("shapes.svg");
// 문서의 루트 svg 요소 가져오기
SVGElement svgElement = document.RootElement;
// 색상을 변경하는 원 요소 가져오기
SVGCircleElement circleElement = svgElement.QuerySelector("circle") as SVGCircleElement;
// circle 요소에 대한 새 "채우기" 속성 값 설정
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;
// 선 요소에 대한 새 "획" 속성 값 설정
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의 다른 기능을 살펴볼 수 있습니다. 문의 사항이 있는 경우 포럼으로 문의해 주십시오.