SVG 상호 작용으로 작업

마지막 업데이트 날짜 2026년 1월 22일

JavaScript를 이벤트에 추가하고, 외부 스크립트를 관리하고, SVG 아트워크에서 하나 또는 모든 이벤트 작업을 삭제하는 방법을 알아보세요.

아트워크에 SVG 상호 작용 추가

> SVG 상호 작용을 선택합니다.

SVG 상호 작용 패널에서 이벤트 드롭다운 메뉴에서 SVG 이벤트를 선택합니다.

해당 JavaScript를 입력하고 Enter 키(Windows) 또는 Return 키(macOS)를 누릅니다.

SVG 상호 작용 대화 상자에 이벤트 드롭다운과 입력된 JavaScript 코드가 포함된 JavaScript 입력 필드가 표시됩니다.
이벤트를 선택하고 적절한 JavaScript 코드를 입력하세요.

파일에 연결된 이벤트 나열, 추가 또는 제거

SVG 상호 작용 패널에서 JavaScript 파일 링크 를 선택합니다.

JavaScript 파일 대화 상자에서 다음 중 하나를 수행합니다.

  • 추가 JavaScript 파일을 추가하려면 추가를 선택한 다음 시스템에서 원하는 JavaScript 파일을 선택하거나 파일의 URL을 입력하세요.
  • JavaScript 파일을 제거하려면 목록에서 JavaScript 항목을 선택한 다음 제거를 선택하세요.

SVG 상호 작용 패널에서 이벤트 삭제

SVG 상호 작용 패널을 사용하여 하나 또는 모든 이벤트를 삭제할 수 있습니다.

이벤트 하나를 삭제하려면 이벤트를 선택하고 선택한 항목 제거 를 선택합니다.

모든 이벤트를 삭제하려면 패널 메뉴 에서 이벤트 지우기를 선택합니다.