FAQ
자주 묻는 질문
만든 SVG를 상업 프로젝트에 써도 되나요?
네. 모양은 브라우저 안에서 수식과 난수로 새로 만든 것이라 저작권 걱정 없이 개인 · 상업 프로젝트에 자유롭게 써도 돼요.
구분선이 화면 폭에 맞게 늘어나게 하려면 어떻게 하나요?
'SVG 복사'로 복사한 코드에는 width="100%"와 preserveAspectRatio="none"이 들어 있어서 부모 요소 폭에 맞춰 가로로 늘어나요. 높이는 만든 세로 크기(height 값)이고 CSS로 바꿀 수 있어요. CSS 배경으로 쓸 때는 함께 나오는 background-size 값을 그대로 쓰면 돼요.
같은 모양을 다시 만들 수 있나요?
시드 번호와 설정이 같으면 언제나 같은 모양이 나와요. 마음에 드는 모양의 시드 번호를 적어 두면 나중에 똑같이 다시 만들 수 있어요.
CSS 배경(data URI)은 어떤 브라우저에서 되나요?
SVG를 URL 인코딩한 data URI라서 최신 크롬 · 엣지 · 사파리 · 파이어폭스에서 모두 보여요. 아주 복잡한 모양은 코드가 길어지니 그럴 땐 SVG 파일로 저장해 쓰는 편이 좋아요.