SVG stroke를 fill로 변환
직접 SVG line stroke를 채워진 도형으로 바꿉니다. 임의 벡터 아트를 추측하지 않고 검토할 수 있도록 문법 범위를 의도적으로 제한했습니다.
엄격한 선 변환
직접 지정된 선 획을 채우기 도형으로 변환
명시적 viewBox와 하나 이상의 직접 line 요소가 있는 SVG를 지원합니다. 각 선은 단위 없는 좌표, 직접 지정 색상, 양수 획 너비, butt·square·round 선 끝을 사용할 수 있습니다.
의도적으로 거부되는 항목: 경로, 폴리라인, 다각형, 그룹, 변환, 상속 스타일, 점선, 마커, 단위, 페인트 서버.
채워진 출력 미리보기
예제를 변환하여 생성된 채우기 도형을 확인하세요.
숫자 viewBox를 보존합니다. 너비, 높이, 변환 또는 상속된 표시 속성은 추론하지 않습니다.
사용 방법
사용 방법
- 숫자 viewBox와 지정된 속성만 사용하는 직접 line 요소가 있는 SVG를 붙여넣습니다.
- 변환한 뒤 채워진 path 또는 circle 출력과 로컬 미리보기를 확인합니다.
- 결과를 복사하거나 다운로드하고 사용할 SVG 환경에서 검증합니다.
의도적으로 좁은 변환 계약
명시적 숫자 viewBox가 있는 SVG root 안의 직접 SVG line 요소만 받습니다. 각 line은 x1, y1, x2, y2, stroke, stroke-width, stroke-linecap만 사용할 수 있습니다. path, polyline, polygon, rect, circle, group, transform, CSS style, 상속된 표시 속성, dash, marker, 단위, 백분율, paint server, 미지원 속성은 조용히 근사하지 않고 거부합니다. 입력은 100,000자와 line 요소 500개로 제한됩니다.
stroke 너비와 cap 의미
butt cap은 각 끝에서 끝나는 네 꼭짓점 채움 path가 됩니다. square cap은 양 끝에서 사각형을 stroke 너비의 절반만큼 연장합니다. round cap은 같은 본체 사각형에 각 끝점 반지름이 stroke 너비의 절반인 채워진 원을 더합니다. 지원하는 원본은 연결 선분이 없으므로 단일 직선만 나타내며 join은 모델링하지 않습니다.
viewBox와 출력 경계
좌표계를 검토하기 쉽도록 입력 viewBox의 숫자 네 개를 유지합니다. root 너비와 높이, CSS 레이아웃, 변환, 클리핑, 불투명도, 블렌딩, 메타데이터, id, 접근성 텍스트, 스타일 상속은 보존하지 않습니다. 일반 SVG 최적화, 윤곽선 엔진, 아트워크 복구 도구가 아니라 로컬 도형 변환입니다.
자주 묻는 질문
더 알아보기
SVG path를 거부하는 이유는 무엇인가요?
임의 path 곡선, 호, join, dash, transform, 상속 스타일을 정확히 외곽선으로 변환하려면 완전한 stroke 확장 엔진이 필요합니다. 단순 근사를 동등한 결과인 것처럼 만들지 않으므로 불확실한 도형 대신 거부합니다.
round cap은 어떻게 변환되나요?
중앙 본체는 채워진 사각형이 되고 각 끝점에는 반지름이 stroke 너비의 절반인 채워진 원이 추가됩니다. 둘을 합치면 round cap 직선과 동일한 모양입니다.
원래 크기가 보존되나요?
출력 좌표계를 정의하는 명시적 숫자 viewBox를 유지합니다. 표시 크기나 레이아웃을 추론하지 않으므로 너비와 높이 속성은 가져오지 않습니다.
SVG가 업로드되나요?
아니요. 파싱, 변환, 미리보기, 복사, 다운로드는 브라우저에서 처리하며 SVG 입력을 서버에 보내지 않습니다.