출력 옵션

우리는 출력 옵션을 가능한 한 자명하게 만들려고 노력했지만 여기에 모든 세부 사항이 있습니다.

벡터 이미지

우리가 생성하는 벡터 이미지는 자기 교차하지 않는 루프로 구성된 모양으로 구성됩니다. 루프는 각 곡선이 마지막 곡선이 끝나는 지점에서 시작하고 마지막 곡선이 첫 번째 곡선이 시작된 지점에서 끝나는 곡선의 시퀀스입니다. 선, 원형 및 타원형 아크, 2차 및 3차 베지어 곡선을 생성합니다.

모양에는 항상 모양의 색상으로 채워야 하는 영역을 정의하는 정확히 하나의 '양수' 루프가 있습니다. 경우에 따라 모양에는 모양의 색상으로 채워서는 안 되는 컷아웃을 나타내는 '음수' 루프가 있을 수도 있습니다. 음수 루프는 모양의 양수 루프로 완전히 둘러싸여 있어야 하며 서로 닿지 않아야 합니다.

구멍이 있는 모양

=

포지티브 루프

+

네거티브 루프

중심선 트레이싱 없음

CAD 도면, 차트, 기술 다이어그램 등과 같은 선 그림 또는 기타 선이 있는 형상을 포함하는 입력 이미지의 경우 선이 있는 형상을 출력으로 생성할 것으로 예상하는 것이 당연합니다. 이러한 스타일의 벡터화를 중심선 트레이싱이라고 합니다. 현재 중심선 트레이싱을 지원하지 않으므로, 아크가 있는 모든 지오메트리는 좁게 채워진 모양으로 표시됩니다.

스트로크 스타일(Stroke Style) 섹션은 채워진 모양을 구성하는 패스의 스트로크 스타일을 지정하기 위한 것입니다. 중심선 트레이싱과는 관련이 없습니다.

스트로크 폭

갭 필러

벡터 이미지의 두 도형이 서로 바로 옆에 있어 경계가 정확히 일치하는 경우에도, 많은 벡터 렌더링 엔진은 도형 사이에 좁은 흰색 선이 표시되는 방식으로 도형을 그립니다. 이것은 이러한 렌더링 엔진의 결함이지만, 너무 흔해서 곧 사라지지 않을 것 같습니다.

우리는 이 문제를 해결하기 위해 갭 필러라고 부르는 것을 설계했습니다. 두 모양 사이의 경계 아래에 모양의 두 색상의 평균인 색상으로 좁은 선을 그리는 방식으로 작동합니다. 이것은 배경이 비치는 것을 방지하고, 효과적으로 문제를 해결합니다.

결과

=

스트로크를 따른 모양

(나를 가리키세요!)

비확대 스크로크

확대/축소 수준에 관계없이 일정한 폭으로 그려지는 스트로크를 비확대 스트로크라고 합니다. 이 기능은 SVG 및 PNG 벡터 래스터라이저에서 완벽하게 지원되며 EPS, PDF 및 DXF에서 부분적으로 지원됩니다.

SVG는 임의의 비확대 스트로크 폭을 지원하며, 비확대 스타일이 무시되고 확대/축소 수준에 따라 획의 크기가 조정되는 Adobe Illustrator를 제외하고 SVG 뷰어와 편집자 사이에서 광범위한 지원을 받습니다. 당사의 PNG 벡터 래스터라이저는 비확대 스트로크도 완벽하게 지원합니다.

EPS와 PDF는 모두 일반적으로 1픽셀 너비 또는 더 좁은 것으로 이해되는 지정되지 않은 최소 디스플레이 폭의 비확대 스트로크만 지원합니다. Adobe는 공식적으로 이것의 사용을 권장하지 않으며 Illustrator 2023을 사용한 테스트에서는 이 스타일 처리에 심각한 결함이 있음을 보여줍니다.

DXF는 또한 최소 표시 폭의 비확대 스트로크를 지원하며 이는 DXF 파일에서 매우 일반적인 스트로크 스타일입니다.

일반적으로, SVG, DXF 및 PNG에 대해서만 비확대 스트로크를 사용하는 것이 좋습니다.

100% 확대/축소로 스트로크

(기준선)

400% 줌의 일반 스트로크

(스트로크 폭이 4배 증가)

400% 확대/축소로 비배율 스트로크

(스트로크 폭은 동일하게 유지됨)

그리기 순서 및 레이어

벡터 이미지는 특정 순서, 일반적으로 벡터 이미지를 정의하는 파일에 나타나는 순서로 그려진 모양으로 구성됩니다.

일부 모양은 벡터 이미지의 모양을 변경하지 않고 그리기 순서를 변경할 수 있습니다. 예를 들어, 사각형에 있는 두 개의 별도 점을 생각하십시오. 사각형은 점 전에 그려야 하지만, 벡터 이미지의 모양에 영향을 주지 않고 두 점 중 하나를 다른 점 전에 그릴 수 있습니다.

내부 재정렬이 이미지의 모양을 변경하지 않는 이러한 모양 집합은 동일한 레이어에 있을 수 있습니다. 레이어는 순서대로 그려야 하지만, 레이어 내의 모양은 이미지 모양을 변경하지 않고 재정렬하거나 그룹으로 묶을 수 있습니다.

결과

=

층

(나를 가리키세요!)

파일 형태 위쪽

다양한 내보내기 파일 형식을 지원하지만, 모든 형식이 모든 기능을 지원하는 것은 아닙니다.

SVG

인쇄와 웹 모두에 널리 사용되는 SVG는 일반적인 교환 형식이며 모든 주요 웹 브라우저에서 잘 지원됩니다. SVG 자체는 모든 내보내기 옵션을 지원하지만, 모든 SVG 리더가 지원하는 것은 아닙니다.

SVG 버전 위쪽

SVG 1.0 and 1.1

SVG 1.1은 지금까지 사용 중인 SVG의 가장 일반적인 버전이지만, 출력 파일의 목적상 SVG 1.0과 헤더만 다릅니다.

둘 다 SVG Tiny 1.2에 도입되었고 아직 출시되지 않은 SVG 2.0 사양의 일부인 비확대 스트로크를 공식적으로 지원하지 않습니다. 실제로 비확대 스트로크는 대부분의 주요 뷰어 및 편집기에서 지원되므로 모든 SVG 출력에서 허용합니다.

SVG Tiny 1.2

SVG Tiny 1.2는 SVG 2.0의 몇 가지 기능과 결합된 SVG 1.1의 부분 집합입니다. 모바일 장치에서 사용하기 위한 것입니다. 출력의 목적을 위해 이는 클리핑 경로를 지원하지 않지만 비확대 스트로크를 공식적으로 지원함을 의미합니다. 브라우저에서 광범위하게 볼 수 있지만. 대부분의 경우 SVG 1.1의 헤더를 제외하고 동일한 콘텐츠가 있는 파일에 비해 이점이 없다고 생각됩니다.

SVG 옵션 위쪽

고정된 크기

SVG 파일은 기본 SVG 태그에 폭 및 높이 속성이 지정되었는지 여부에 따라 크기가 고정되거나 확장 가능할 수 있습니다. 이러한 속성이 지정되면, SVG는 고정 크기이며 브라우저와 같은 SVG 뷰어는 달리 스타일이 지정되지 않는 한 해당 크기로 렌더링합니다. 지정되지 않은 경우, SVG는 확대 가능하며 SVG 뷰어는 포함 요소의 사용 가능한 공간을 채우기 위해 SVG를 렌더링합니다.

Adobe 호환성 모드

Adobe Illustrator는 SVG 파일 가져오기를 지원하지만, 생성하는 SVG 파일의 모든 측면을 지원하지는 않습니다. SVG 출력이 Illustrator와 가장 호환되도록 만드는 옵션을 신중하게 선택하도록 고객에게 요청하는 대신, Illustrator에서 사용할 수 있도록 출력을 최적화하기 위해 이 포괄적인 옵션을 추가했습니다.

EPS

EPS(Encapsulated Postscript)는 Adobe에서 만든 레거시 형식으로 주로 인쇄에 사용됩니다. 그룹화 및 투명도에 대한 지원이 부족하고, 비확대 스트로크에 대한 지원이 제한적입니다.

현재 가장 많이 사용되는 버전인 EPS 버전 3을 출력합니다.

PDF

Adobe의 PDF(Portable Document Format)는 주로 문서의 교환 형식으로 사용되지만, 합리적으로 모든 기능을 갖춘 벡터 그래픽 기능도 포함합니다. PDF는 그룹화를 지원하지 않으며 비확대 스트로크에 대한 지원이 제한적입니다.

투명도를 지원하는 가장 초기 버전인 PDF 버전 1.4를 출력합니다.

DXF

AutoCAD의 도면 교환 형식(Drawing Exchange Format,DXF)은 널리 사용되는 CAD 교환 파일 형식입니다. DXF 사양은 레이어(그룹) 및 사용 가능한 모든 곡선 유형을 지원하지만, DXF 판독기 간의 지원은 상당히 다양합니다.

DXF 버전 AC1021(2007)을 출력합니다.

DXF 호환성 레벨 위쪽

선 만

다운스트림 응용 프로그램과의 호환성을 극대화하기 위해 모든 곡선이 선으로 평평해집니다.

선 및 아크

선과 아크(원형 및 타원형)는 모두 허용되지만, 스플라인(2차 및 3차 베지어 곡선)은 허용되지 않습니다. 대부분의 CAD 응용 프로그램에서 작동해야 하며, LibreCAD에서 작동하는 것으로 확인되었습니다.

선, 아크 및 스플라인

모든 곡선 유형이 포함됩니다. 이 출력은 Autodesk의 TrueView 2024에서 작동하는 것으로 확인되었습니다.

PNG

PNG(Portable Network Graphics)는 투명도를 지원하는 래스터 이미지 형식입니다. PNG는 벡터 형식이 아닌 비트맵 형식이지만, 우리가 생성하는 이미지 종류에 일반적으로 사용되기 때문에 PNG 형식의 출력을 지원합니다.

지금은 임의 확대 인수를 지원하지 않습니다. 우리가 생성하는 PNG 출력은 정확히 입력 이미지의 폭과 높이의 4배이며 최대 4메가픽셀입니다. 이러한 제한은 향후 제거될 예정입니다.

그리기 스타일 위쪽

벡터화 프로세스는 이미지에 있는 모양을 정의하는 일련의 경로를 생성합니다. 결과 이미지가 비트맵 입력과 거의 동일하게 보이도록 해당 모양을 각각의 색상으로 채우는 것이 가장 자연스럽습니다, 그러나 더 선명한 경계와 성능 저하 없이 확장할 수 있는 기능이 있습니다.

그러나 일부 응용 프로그램은 경로 자체에 더 관심이 있습니다. 이 경우 모양 또는 모양 사이의 경계를 스트로크하는 것이 더 합리적일 수 있습니다.

모양 채우기

각 도형의 내부 영역을 지정된 색상으로 채웁니다.

모양 채우기

모양을 스트로크하기

모양의 모든 곡선을 채우는 것처럼 정확하게 스트로크하지만, 암시적 채우기 스타일이 아닌 스트로크 스타일에 의해 정의된 그리기 스타일을 사용합니다.

두 모양이 닿으면 두 모양 사이의 가장자리가, 각 도형에 대해 한 번씩, 두 번 스트로크됩니다.

컷아웃은 항상 가장자리당 두 개의 스트로크를 생성합니다. 쌓인 모양은 모양과 모양에 완전히 포함된 모양 사이에 하나의 스트로크를 생성하고 어느 쪽도 다른 모양을 포함하지 않는 인접한 모양 사이에 2개의 스트로크를 생성합니다.

모양을 스트로크하기
(기본 색)

모양을 스트로크하기
(오버라이드 색상: 검은색)

가장자리 스트로크

모양 사이의 가장자리를 한 번 스트로크하십시오.

일반적으로 각 가장자리를 두 번(각 측면 모양에 대해 한 번) 스트로크하는 획 모양과 달리, 이 그리기 스타일은 모양 사이의 각 가장자리를 한 번만 스트로크합니다.

이것은 레이저 조각, 비닐 절단 등에 유용합니다.

가장자리 스트로크
(기본 색)

가장자리 스트로크
(오버라이드 색상: 검은색)

모양 스태킹 위쪽

벡터 이미지의 모양은 서로 겹쳐진 것으로, 또는 서로 컷아웃 것으로 생각할 수 있습니다. 우리는 어느 쪽이든 생산할 수 있습니다.

컷아웃

아래 모양의 컷아웃에 모양을 배치하십시오 즉, 모든 도형이 하나의 레이어를 형성하며, 도형이 다른 도형 위에 있지 않습니다.

이렇게 하면 모든 간격 채우기 스트로크를 모든 모양 아래의 단일 레이어에 배치할 수 있으므로 간격 채우기 기능이 단순화됩니다. 그러나 하나의 모양이 다른 모양 위에 있을 때와 반대로 모양이 서로 옆에 있고 서로 닿을 때 필요하기 때문에 더 많은 간격 채움 스트로크가 필요합니다.

컷아웃을 지정하는 곡선을 포함해야 하므로 파일 크기도 커집니다.

이미지와 기본 설정에 따라 벡터 편집기에서 결과를 편집하기가 더 쉽거나 어려울 수도 있습니다. 특히 컷아웃을 사용하면 각 구성 요소의 시각적 모양이 그 위에 쌓일 수 있는 다른 구성 요소에 의존하지 않기 때문에 이미지의 한 구성 요소를 다른 구성 요소와 쉽게 분리할 수 있습니다. 반대로, 이미지의 모든 부분을 함께 유지하려는 경우 모양을 편집하려면, 해당 부분이 있는 컷아웃을 편집해야 하므로 컷아웃으로 인해 구성 요소의 정확한 모양을 편집하기가 더 어려워집니다.

결과

=

컷아웃

(나를 가리키세요!)

쌓인

모양을 서로 위에 놓습니다. 작은 층이 큰 층 위에 쌓이는 다층 케이크를 생각해 보십시오.

이 옵션은 일반적으로 파일 크기와 간격 채움 스트로크 수를 최소화합니다. 그러나 필요한 모양과 이를 포함하는 모양 사이에 간격 채우기 선이 삽입되어야 하므로 간격 채우기 기능이 복잡해집니다. 이로 인해 간극 채움 스트로크의 작은 부분이 의도한 모양을 벗어나 튀어나오는 경우가 있는 추가적 부작용이 있습니다. 비확대 스트로크를 사용하거나 간격 채움 스트로크를 클립하여 이 문제를 해결할 수 있습니다. 가능하면 비확대 스트로크를 사용하는 것이 좋습니다.

쌓인 모양은 컷아웃에서 경계가 복제되지 않기 때문에 모양과 그 아래에 있는 모양 사이의 경계를 더 쉽게 편집할 수 있습니다. 그러나 각 모양의 시각적 모양은 그 위에 쌓인 모양에 따라 달라지기 때문에, 이미지의 한 구성 요소를 분리하기가 더 어려워질 수 있습니다.

결과

=

쌓인

(나를 가리키세요!)

그룹화 기준 위쪽

SVG와 같은 벡터 파일 형식은 여러 모양을 그룹으로 수집하는 것을 지원합니다. 이러한 그룹은 그룹 내의 모든 도형을 한 번에 변경할 수 있도록 하여, 주로 구성 목적에 유용하고 쉽게 편집할 수 있습니다.

SVG는 그룹을 완벽하게 지원합니다. EPS나 PDF는 그룹을 지원하지 않습니다. DXF는 그룹과 유사한 레이어를 지원합니다.

이 섹션은 모양을 그룹화하는 방법을 제어합니다.

없음

도형을 전혀 그룹화하지 마십시오; 각 모양은 자체적으로 있습니다.

색상

채우기 색상별로 도형을 그룹화합니다.

모양 쌓기 모드가 컷아웃인 경우 지정된 색상의 모든 모양이 단일 그룹을 형성합니다.

모양 쌓기 모드가 쌓이면, 그룹의 모든 부분이 벡터 이미지의 그리기 순서에서 같은 위치를 차지해야 하므로, 주어진 색상의 모든 모양을 함께 그룹화하는 것은 일반적으로 불가능합니다. 이러한 이유로, 쌓인 이미지에서는 동일한 레이어를 함께 차지하는 주어진 색상의 모양만 그룹화합니다.

결과

=

컬러별 그룹

(나를 가리키세요!)

상위

상위가 동일한 모든 모양을 함께 그룹화합니다.

모양이 다른 모양에 의해 완전히 포함된 경우 외부 모양을 내부 도형의 상위로 간주합니다. 다른 모양에 완전히 포함되지 않은 모든 모양은 벡터 이미지 자체를 상위로 가지며 함께 그룹화됩니다.

결과

=

상위 기준으로 그룹화

(나를 가리키세요!)

층

그리기 순서 레이어에 따라 모양을 함께 그룹화합니다.

그리기 순서 레이어는 이미지 모양을 변경하지 않고 내부 그리기 순서를 자유롭게 재정렬할 수 있는 모양 그룹입니다.

결과

=

층별 그룹화

(나를 가리키세요!)

매개변수화된 모양 위쪽

원, 타원, 직사각형, 이등변삼각형, 별과 같이 임의의 회전 각도와 모서리 반경이 있는 특정 매개변수화된 모양의 특수 식별을 지원합니다. 이러한 일반적인 모양을 맞추면 완벽한 기하학과 모서리의 일관된 처리로 모양이 생성됩니다. 일부 내보내기 형식은 이러한 모양 중 일부를 기본적으로 지원하며, 우리는 이를 활용하여 결과 파일을 더 쉽게 편집할 수 있습니다.

단조롭개 함(Flatten)

출력 형식에서 기본 지원을 제공하는 경우에도, 모든 매개변수화된 모양을 일반 곡선으로 단조롭게 합니다.

허용된 곡선 유형 위쪽

어떤 유형의 곡선을 출력할 수 있는지 세밀하게 제어할 수 있습니다. 각 파일 형식과 일부 다른 옵션도 허용되는 곡선 유형에 대한 고유한 제한이 있으며, 가장 제한적인 옵션이 항상 사용됩니다.

2차 베지어 곡선

SVG, DXF 및 PNG 벡터 래스터라이저에서 지원하는 2차 베지어 곡선은 두 개의 끝점과 단일 제어점으로 정의됩니다. 끝점에서 곡선의 접선 방향은 항상 해당 끝점을 제어점에 연결하는 선과 평행합니다.

2차 베지어 곡선이 비활성화된 경우 3차 베지어 곡선, 타원 아크 및 선을 순서대로 사용합니다.

3차 베지어 곡선

모든 출력 형식에서 지원되는 3차 베지어 곡선은 두 개의 끝점과 두 개의 제어점으로 정의됩니다. 끝점에서 곡선의 접선 방향은 해당 제어점에 해당 끝점을 연결하는 선과 항상 평행합니다.

3차 베지어 곡선이 비활성화되면 선으로 돌아갑니다.

원형 아크

SVG, DXF 및 PNG 벡터 래스터라이저에서 지원하는 원형 아크는 중심, 반지름, 시작 각도 및 스윕 각도로 정의됩니다.

원형 아크가 비활성화된 경우 타원 아크, 3차원 베지어 곡선 및 선 순서대로 대체됩니다.

타원형 아크

SVG, DXF 및 PNG 벡터 래스터라이저에서 지원하는 타원 아크는 중심, 주요 및 보조 축, 회전 각도, 시작 각도 및 스윕 각도로 정의됩니다.

타원 아크가 비활성화된 경우, 3차원 베지어 곡선 및 선 순서대로 대체됩니다.

라인 맞춤 공차 위쪽

곡선을 하나 이상의 선분으로 변환해야 하는 경우, 이 섹션에서 맞춤 품질을 제어할 수 있습니다.

거친

원래 곡선과 선 사이에 0.30px의 최대 거리를 허용합니다.

중간

최대 거리: 0.1px

미세한

최대 거리: 0.03px

매우 미세한

최대 거리: 0.01px

갭 필러 위쪽

위에서 언급한 바와 같이, 벡터 이미지 래스터화 엔진에서 거의 보편적인 결함은 기본 형상에 실제 간격이 없는 경우에도 서로 닿는 모양 사이를 통해 배경색이 보일 수 있다는 것입니다. 이는 일반적으로 결과를 퍼즐 조각으로 자르는 얇은 흰색 선으로 표시됩니다.

이 문제를 해결하려면, 문제의 두 모양의 평균 색상을 사용하여 접촉하는 모양 뒤와 사이에 작은 획을 배치하는 간격 채우기를 활성화할 수 있습니다. 이렇게 하면 배경이 비치는 것을 방지할 수 있습니다.

간격 채우기

간격 채우기 활성화.

클립 오버플로

스트로크의 끝 캡이 모양 뒤에서 튀어나오지 않도록 간격 채움 스트로크를 자릅니다. 모양 스택 모드가 쌓임으로 설정되면 간격 채우기 스트로크가 이미지의 다양한 그리기 순서 레이어 사이에 삽입됩니다. 이로 인해 간격 채움 스트로크가 의도한 모양 범위를 넘어 튀어나올 수 있습니다. 이 오버플로를 자르거나 비확대 스트로크를 사용하여 이 문제를 해결할 수 있습니다.

비확대 스크로크

갭 필러 스트로크로 비확대 스트로크 사용. 클립 오버플로 옵션과 함께, 이는 의도한 모양의 범위를 넘어 튀어나온 간격 채움 스트로크 문제에 대한 두 가지 가능한 솔루션 중 하나입니다. SVG와 같이 비확대 스트로크를 잘 지원하는 파일 형식의 경우, 이것이 선호되는 솔루션입니다.

스트로크 폭

간격 채움 스트로크의 스트로크 폭(픽셀 단위). 1.5~2px의 스트로크 폭은 일반적으로 간격을 완전히 덮기에 충분합니다.

스트로크 스타일 위쪽

그리기 스타일이 스트로크 모양 또는 스트로크 가장자리로 설정된 경우 이 섹션에서 스트로크의 스타일을 제어합니다.

비확대 스크로크

출력 형식이 허용하는 범위 내에서 비배율 스트로크를 사용하십시오.

오버라이드 색상 사용

스크로크 사용에 오버라이드 색상을 사용하십시오. 기본적으로 경로는 그리기 스타일에 따라 기본 엔터티의 색상으로 선이 스트로크됩니다. 모양을 스트로크할 때 색상은 각 모양의 색상입니다. 가장자리를 스트로크할 때 색상은 가장자리를 공유하는 두 모양의 평균입니다. 이 옵션은 해당 색상을 이 섹션에 지정된 오버라이드 색상으로 바꿉니다.

오버라이드 색상.

오버라이드 색상 사용이 활성화된 경우 모양 또는 가장자리를 스트로크하는 데 사용되는 색상.

스트로크 폭

스크로크의 스트로크 폭(픽셀).