마지막 업데이트 날짜
2022년 11월 28일
라이브러리에서 웹에 최적화된 SVG 파일을 추출하고 SVG 파일의 속성을 맞춤화합니다.
Creative Cloud 라이브러리에 Illustrator 또는 라이선스가 부여된 Adobe Stock 이미지를 저장한 경우 Dreamweaver 웹 페이지에서 이를 웹에 최적화된 SVG 파일로 추출할 수 있습니다. 라이브러리 패널에서 내 웹 페이지로 이미지를 드래그하면 기본적으로 SVG 파일로 삽입됩니다. 자세한 내용은 라이브러리에 저장한 그래픽 재사용을 참조하십시오.
SVG 파일의 속성을 맞춤화하려면 다음 위치에서 찾을 수 있는 options.json 파일에서 환경 설정을 편집하십시오.
- Windows: %appdata%\Adobe\Dreamweaver CC 2015\<locale>\Configuration\SVGOptions\
- Mac: ~/Library/Application Support/Adobe/Dreamweaver CC 2015/<locale>/Configuration/SVGOptions/
.ai 파일을 SVG 파일로 변환하기 위한 JSon 개체에는 다음 속성을 포함시킬 수 있습니다.
| 속성 이름 | 값 | 설명 |
| trimToArtBounds | boolean | SVG는 OMG 문서의 치수와는 별도로 아트 테두리를 처리합니다. |
| useViewBox | boolean | trimToArtBounds 및 useViewBox가 true로 설정된 경우에는 문서의 콘텐츠가 바뀌지 않습니다. 대신 루트 SVG 요소의 viewBox 값이 콘텐츠가 필요한 크기에 맞게 조정되고 확대/축소되도록 수정됩니다. |
| constrainToDocBounds | boolean | 문서 테두리에 맞춰 표시되는 콘텐츠를 자릅니다. |
| preserveAspectRatio | string | SVG 사양으로 정의된 종횡비입니다. preserveAspectRatio 설정은 svgWriter의 값에 우선합니다. 따라서 이 값을 설정하지 않는 것이 좋습니다. 참고: meet 또는 xMidYMid meet에 대해 동일한 문자열을 사용하고, 축소된 파일 크기에 대해 xMidYMid를 사용합니다. |
| styling | string | 이 속성은 선택 사항이며 class:에 대한 기본값입니다.
|
| prefix | string | 각 ID 및 클래스 이름에 추가되는 프리픽스입니다. 이를 통해 각각의 SVG 요소에 대한 고유의 명명 규칙을 만들 수 있습니다. 고유한 프리픽스를 적용함으로써 여러 SVG 요소가 ID나 클래스 이름의 충돌 없이 단일 HTML 문서에 삽입될 수 있습니다. |
| cropRect | object | x, y, 폭, 높이 속성을 갖는 직사각형입니다. x와 y는 선택 사항입니다. SVG 요소를 자르는 직사각형을 정의합니다. 자르기 역할을 하는 직사각형보다 치수가 작은 경우에는 여백이 생성됩니다. |
| minify | SVG 출력에서 들여쓰기, 줄바꿈, 공백을 방지합니다. 최소 ID를 사용합니다. | |
| idType | string |
|
| precision | number | 부동 소수점 뒤에 표시되는 자릿수입니다. 이는 0에서 10 사이의 숫자여야 하며 이 범위를 벗어나는 숫자를 지정하는 경우에는 삭제됩니다. 기본값은 3입니다. |
| isResponsive | boolean | true로 설정하면 SVG 요소가 뷰포트/이미지 영역을 채웁니다(SVG 루트에 폭 및 높이 속성이 설정되지 않음.) |
| carriageReturn | boolean | 기본적으로 svgWriter는 라인 엔딩 LF를 사용합니다. carriageReturn을 true로 설정하면 라인 엔딩은 CRLF를 사용합니다. |
| indentation | string | 들여쓰기로 사용자 정의 문자열을 사용합니다. 예를 들어 탭 들여쓰기를 사용합니다. 이 경우 기본값은 2칸 공백입니다. |
| fillFilter | boolean | 필터는 요소 채우기에 대해서만 적용됩니다. 획은 영향을 받지 않으며 필터링된 내용의 상단에 표시됩니다. |
| documentUnits | string | mm | cm | pc | in - 지정된 문서의 단위가 루트 요소의 폭 및 높이 속성에서 사용됩니다. |
