웹 페이지에 Visio 다이어그램 표시

적용 대상
Visio 플랜 1 Visio Professional 2024 Visio Professional 2021 Visio Professional 2019 Visio Professional 2016

블로그, SharePoint 또는 웹 응용 프로그램과 같은 웹 페이지에 Visio 다이어그램을 표시하는 방법에는 여러 가지가 있습니다. 바닥 차트, 일정, 프로세스 흐름, 네트워크 다이어그램 등은 웹에서 사용할 때 더 쉽게 검색하고 유용합니다. 또한 Visio의 원래 다이어그램에 저장된 변경 내용은 웹 페이지에 자동으로 반영되므로 이해 관계자와 다른 뷰어는 최신 다이어그램을 볼 수 있습니다.

중요

기본값입니다. 다른 사람이 Ctrl 키를 누른 채 링크를 클릭하여 포함된 링크를 따라갑니다. 그러나 사용자가 링크를 클릭하기만 하면 팔로우하려면 embed 코드에서 iframe src 특성 끝에 추가합니다&wdClickOnlyHyperlinks=true.

OneDrive를 사용하여 웹 페이지에 다이어그램 추가 - 개인용 Embed 태그

  1. OneDrive 계정이 없는 경우 여기에서 만드세요.
  2. 필요한 경우 Visio 파일을 OneDrive에 업로드합니다 - 개인용.
  3. Visio 파일이 있는 폴더로 이동하여 선택합니다.
  4. Embed를 선택한 다음 Embed 창에서 생성을 선택합니다.
  5. 필요에 따라 확대/축소 수준의 크기를 조정한 다음 웹 페이지 또는 응용 프로그램에 Embed 코드를 복사합니다.

웹용 Visio를 사용하여 SharePoint 최신 페이지에 다이어그램 추가 Embed 태그

  1. Visio 파일이 있는 문서 라이브러리로 이동합니다.
  2. Visio 다이어그램을 열려면 파일 이름을 선택합니다.
  3. 더 많은 명령 표시(...)> 선택포함.
  4. 포함 대화 상자에서 Embed 태그를 복사합니다.
  5. 필요에 따라 너비높이를 조정한 다음 Embed 코드를 복사합니다.
  6. 필요한 경우 Visio 다이어그램을 삽입할 최신 SharePoint 페이지를 만듭니다. 자세한 내용은 사이트에 페이지 추가를 참조하세요.
  7. 최신 SharePoint 페이지로 이동하여 Embed 웹 파트를 추가한 다음 Embed 태그 를 추가합니다.
    자세한 내용은 Embed 웹 파트 사용을 참조하세요.

파일 및 미디어 웹 파트를 사용하여 SharePoint 최신 페이지에 다이어그램 추가

  1. 필요한 경우 Visio 다이어그램을 삽입할 최신 SharePoint 페이지를 만듭니다. 자세한 내용은 사이트에 페이지 추가를 참조하세요.
  2. 최신 SharePoint 페이지로 이동합니다.
  3. 오른쪽에서 도구 상자 (콘텐츠 창의 도구 상자 아이콘 )를 찾습니다. 모든 웹 파트 보기를 선택한 다음 웹 파트 목록에서 파일 및 미디어를 선택하거나 끌어서 놓습니다.
  4. 삽입할 Visio 다이어그램을 찾은 다음 문서 추가를 선택합니다.

자세한 내용은 SharePoint Online 페이지에서 웹 파트 사용을 참조하세요.

Embed Code 명령을 사용하여 SharePoint 클래식 페이지에 다이어그램 추가

  1. Visio 파일이 있는 문서 라이브러리로 이동합니다.
  2. 웹용 Visio에서 Visio 다이어그램을 열려면 Visio 파일을 선택합니다.
  3. 더 많은 명령 표시(...)> 선택포함.
  4. 포함 대화 상자에서 Embed 태그를 복사합니다.
  5. Visio 다이어그램을 추가할 웹 페이지로 이동합니다.
  6. 페이지>편집을 선택합니다.
  7. 웹 페이지에서 편집 가능한 영역 내부를 클릭합니다.
  8. Embed 태그삽입>을 선택합니다.

다이어그램의 하이퍼링크를 따라가려면 Ctrl 키를 누른 상태에서 하이퍼링크를 클릭합니다. 

Visio JavaScript API를 사용하여 웹용 Visio 매쉬업 만들기

Visio JavaScript API 를 사용하면 SharePoint 페이지의 웹 다이어그램용 Visio에 프로그래밍 방식으로 액세스할 수 있습니다. API를 사용하여 먼저 Visio 다이어그램을 HTML <Iframe> 요소에 포함한 다음 스크립트 편집기 웹 파트를 사용하여 다이어그램 요소와 상호 작용합니다. 시작하는 데 도움이 되는 주요 개념 및 코드 예제에 대한 자세한 내용은 Visio Web Access에서 웹용 Visio로 마이그레이션을 참조하세요.

참고 항목

웹용 Visio 도움말

웹용 Visio: 질문과 대답

Visio Web Access에서 Silverlight 모드의 사용 중단