주요 콘텐츠

웹페이지에 대화형 그래픽스 표시하기

R2026b
R2026a 이후

웹 캔버스를 포함한 HTML 파일을 만들어 웹페이지에 대화형 그래픽스를 표시합니다. 웹 캔버스를 사용하면 MATLAB® 라이선스가 없어도 몇 가지 플롯 상호 작용이 가능합니다. 웹 캔버스의 일부 시각화는 패닝, 확대/축소, 회전 상호 작용을 지원합니다. 벡터 그래픽스와 마찬가지로, 웹 캔버스는 확대/축소 수준에 관계없이 선명한 상태를 유지하는 그래픽스를 제공합니다. 인터넷에 연결된 웹 브라우저를 사용하여 HTML 파일을 열거나, 해당 파일을 다른 사람들과 공유하거나, 해당 파일을 웹 서버에서 호스팅할 수 있습니다.

웹 캔버스로 HTML 파일을 만드는 방법은 두 가지가 있습니다.

  • Figure에서 객체를 내보냅니다.

  • 라이브 스크립트를 내보냅니다.

Figure에서 객체 내보내기

웹 캔버스에 그래픽만 포함된 HTML 파일을 만들려면 exportgraphics 함수를 사용하십시오. 이 함수를 호출할 때 내보낼 객체와 HTML 파일 이름을 입력 인수로 지정하십시오.

예를 들어, 곡면 플롯을 만들고 Figure의 내용을 HTML 파일로 내보냅니다.

surf(peaks)
exportgraphics(gcf,"mysurfaceplot.html")

플롯 상자 내에서 드래그하거나 스크롤하거나, 좌표축을 드래그하여 축 제한을 변경함으로써 플롯과 상호 작용할 수 있습니다.

라이브 스크립트 내보내기

텍스트와 코드뿐 아니라 대화형 그래픽스도 포함하는 HTML 파일을 생성하려면, 라이브 스크립트를 만든 후 웹 캔버스 옵션을 사용하여 HTML 파일로 내보내십시오. 라이브 편집기에서 라이브 스크립트를 열고 내보내기 > HTML로 내보내기를 선택합니다. HTML로 내보내기 대화 상자에서 출력 경로 상자에 대상 파일 경로를 설정합니다. 더 보기 섹션을 확장하고 Figure 형식을 대화형 방식의 웹 캔버스로 설정합니다. (또는 export 함수를 사용하여 라이브 스크립트를 프로그래밍 방식으로 내보낼 수 있습니다.)

Export dialog box showing export to HTML options

제한 사항

웹 캔버스에 어떤 유형의 플롯을 표시하더라도 선명한 고화질의 그래픽스를 얻을 수 있습니다. 하지만 경우에 따라 상호 작용이 제한될 수도 있습니다. 다음 표를 사용하여 웹 캔버스가 그래픽스에 대한 상호 작용을 지원하는지 평가해 보십시오.

그래픽스 기능상호 작용 지원

좌표축의 유형

지원되는 기능:

  • axes 함수와 대부분의 카테시안 플로팅 함수를 사용하여 생성된 axes 객체와의 상호 작용

지원되지 않는 기능:

  • polaraxes, geoaxes 및 mapaxes (Mapping Toolbox) 함수를 사용하여 생성된 axes 객체와의 상호 작용

  • HandleVisibility 속성이 "off"로 설정된 axes 객체와의 상호 작용

상호 작용의 유형

지원되는 기능:

지원되지 않는 기능:

  • 데이터팁, 좌표축 도구 모음, 카메라 도구 모음

  • 콜백 함수

  • 내보내기 전에 설정한 상호 작용 모드(예: 좌표축 도구 모음 또는 카메라 도구 모음에서 확대/축소 모드를 활성화하여 설정한 모드)

플롯 및 데이터의 유형

지원되는 기능:

  • 단일 y축을 가진 플롯에서 선형적으로 스케일링된 숫자형 데이터는 일반적인 상호 작용을 지원합니다. 예로는 카테시안 선 플롯 및 산점도 플롯, 막대 차트, 히스토그램이 있습니다.

지원되지 않는 기능:

다음에 대해서는 상호 작용이 지원되지 않습니다.

  • 로그 플롯, 고정밀 데이터(매우 크거나 매우 작은 숫자)를 포함한 플롯, 보조 축 레이블에 지수(예: ×106)가 있는 플롯

  • datetime형, duration형 또는 categorical형 데이터를 포함하는 플롯

  • yyaxis 함수를 사용하여 생성된 플롯

  • heatmap, stackedplot, scatterhistogram과 같은 독립형 시각화

앱

지원되는 기능:

  • uiexportdlg 함수는 대화형 방식 웹 캔버스가 포함된 HTML 파일을 비롯하여 다양한 파일 형식으로 그래픽스를 내보내기 위한 대화 상자를 표시합니다. 앱에서 이 대화 상자를 표시하려면 콜백 함수 내에서 uiexportdlg 함수를 호출하십시오. (R2026b 이후)

지원되지 않는 기능:

  • UI 컴포넌트는 웹 캔버스에 표시되지 않습니다.

  • 라이브 편집기의 앱은 정적 이미지로 표시되며 상호 작용 기능을 제공하지 않습니다.

대화형 방식 웹 캔버스의 보안 고려 사항

HTML 파일에 민감한 정보를 포함하지 마십시오. 그래픽스 콘텐츠와 데이터는 인코딩되지만 암호화되지는 않으므로 제3자가 정보를 추출할 수 있습니다.

참고 항목

함수

도움말 항목