개발자 도구 / 28
온라인 SVG 벡터 편집기 및 그리기 도구
SVG 벡터 그래픽을 시각적으로 또는 실시간 SVG XML 코드로 그리고, 스타일을 지정하고, 레이어를 관리하고, 편집합니다.
온라인 SVG 벡터 편집기 및 그리기 도구: SVG 캔버스에 직사각형, 원, 타원, 선, 패스와 텍스트를 그립니다. 개체를 이동하고, 채우기·선·불투명도를 변경하며, 레이어 순서를 정리할 수 있습니다. SVG를 가져오거나 코드 탭에서 마크업을 편집한 다음 SVG 또는 PNG를 다운로드하거나 SVG 텍스트를 복사할 수도 있습니다. 서버에 파일을 전혀 업로드하지 않고 브라우저에서 100% 로컬로 실행됩니다.
- 카테고리
- 개발자 도구
- 실행 횟수
- 브라우저에서
- 비용
- 무료 · 가입 불필요
- 사용 가능 여부
- 사용 가능
요소 검사 및 스타일
레이어 (3)
도형, 경로 및 텍스트 그리기
직사각형, 원, 타원, 선, 별, 삼각형, 하트, 경로 또는 텍스트를 추가하십시오. 객체를 선택하면 채우기, 선 색상, 선 너비 및 불투명도를 변경할 수 있으며, 레이어 컨트롤로 복제, 삭제 및 순서 변경을 할 수 있습니다. 캔버스 설정에서 그림의 크기와 배경을 지정합니다.
캔버스에서 경로를 이동하고 코드 탭에서 모양을 편집하십시오. M, L, C 같은 경로 명령은 이동, 선 및 곡선을 나타냅니다. 이 도구는 시각적 노드 편집기가 아니므로 드래그할 수 있는 곡선 핸들이 없습니다. 코드 입력란을 벗어나면 편집한 XML이 적용됩니다.
내보내기 및 가져오기 제한
SVG는 벡터 도형과 편집 가능한 텍스트를 유지하지만, PNG는 캔버스 크기에 맞춰 그림을 래스터화합니다. 마크업을 복사하면 페이지나 다른 편집기에서 사용할 SVG 텍스트를 얻을 수 있습니다. 텍스트는 윤곽선으로 변환되지 않으므로 파일을 여는 곳에서 사용할 수 있는 글꼴에 따라 표시 방식이 달라집니다.
가져온 파일은 지원되는 기본 도형, 경로, 텍스트로 축소됩니다. 그라디언트, 필터, 클리핑, 포함된 이미지, 그룹 동작은 완전히 유지되지 않습니다. 원본을 보관하고, 대체 파일을 내보내기 전에 가져온 그림과 비교하십시오.
사용 방법
- 직사각형, 원, 타원, 선, 별, 패스 또는 텍스트를 추가하고 원하는 위치로 드래그합니다.
- 채우기, 선, 불투명도, 모서리 반지름 및 레이어 순서를 설정합니다.
- SVG 또는 PNG를 다운로드하거나 마크업을 복사합니다.
개인정보 보호 및 제한사항
그림은 브라우저를 벗어나지 않습니다. 업로드, 자동 저장 및 서버가 없습니다. 탭을 닫으면 그림이 삭제되므로, 페이지를 나가기 전에 파일을 다운로드하십시오.
관련 도구
자주 묻는 질문
패스를 그리고 편집할 수 있습니까?
패스를 추가하고 캔버스에서 이동하며 채우기와 선을 변경할 수 있습니다. 패스의 모양을 변경하려면 코드 탭에서 패스 명령을 편집하십시오. 시각적으로 제어점을 편집하는 기능은 없습니다. 코드 변경 사항은 텍스트 입력란을 벗어날 때 적용됩니다.
텍스트와 간단한 도형을 추가할 수 있습니까?
예. 도구 모음에서 직사각형, 원, 타원, 선, 별, 삼각형, 하트, 패스 또는 텍스트를 추가할 수 있습니다. 텍스트에는 내용과 글꼴 크기 설정이 있습니다. 개체를 정렬, 복제, 삭제하고 순서를 변경할 수 있으며, 채우기, 선 색상, 선 너비 및 불투명도도 변경할 수 있습니다.
어떤 파일로 내보낼 수 있습니까?
벡터 도형과 편집 가능한 텍스트를 유지하려면 SVG를 다운로드하고, 캔버스 크기의 래스터 이미지로 저장하려면 PNG를 다운로드하십시오. SVG 마크업을 복사할 수도 있습니다. 텍스트는 아웃라인으로 변환되지 않습니다.
무료 도구 · 브라우저에서회 실행 · 계정 불필요