반복 가능한 네 가지 벡터 패턴

점, 격자, 대각선, 체커는 user-space 패턴 안의 일반 SVG 도형으로 작성됩니다. 내보낸 SVG에는 배경 사각형과 패턴 정의가 함께 있어 스타일시트 조각이나 원격 자산이 아닌 완전한 이미지입니다.

제한된 조절값과 안전한 소스

타일 크기는 12~160픽셀, 세부값은 실용적인 1~32픽셀입니다. 브라우저 색상 입력의 색은 SVG 소스에 넣기 전에 검증됩니다. 임의 SVG 마크업, 스크립트, URL, 글꼴, 외부 이미지 참조는 받지 않습니다.

브라우저에서 생성한 로컬 SVG를 반복해서 미리 봅니다. 가장자리 안티앨리어싱과 작은 패턴의 밀도는 크기, 브라우저 확대율, 배경 표면에 따라 달라질 수 있습니다. 중요한 정보에 쓰기 전 대비를 확인하고 최종 크기로 시험하세요.

자주 묻는 질문

다운로드 파일은 완전한 SVG인가요?

예. SVG 루트, 패턴 정의, 패턴으로 채운 사각형을 포함합니다. 브라우저에서 직접 열거나 SVG를 지원하는 이미지 작업에 사용할 수 있습니다.

패턴별 세부값은 무엇을 뜻하나요?

점에서는 원 반지름, 격자와 대각선에서는 선 굵기, 체커에서는 두 채워진 사각형 사이의 보이는 간격을 조절합니다.

색상이나 SVG를 업로드하나요?

아니요. 패턴 생성, 미리보기, 복사, 다운로드는 현재 브라우저에서 실행됩니다. 생성한 소스는 외부 리소스를 참조하지 않습니다.

사용자 지정 SVG 코드를 붙여넣을 수 있나요?

아니요. 이 생성기는 제한된 네 가지 패턴만 만듭니다. 입력을 제한해 XML을 예측 가능하게 하고 신뢰할 수 없는 마크업이 미리보기에 삽입되는 것을 방지합니다.