다음을 통해 공유


이미지, 그래픽 및 미리 보기 표시(HTML)

[ 이 문서는 Windows 런타임 앱을 작성하는 Windows 8.x 및 Windows Phone 8.x 개발자를 대상으로 합니다. Windows 10용으로 개발하는 경우에는 최신 설명서를 참조하세요.]

JavaScript를 사용하는 Windows 스토어 앱은 다양한 이미지와 그래픽을 표시할 수 있습니다.

  • img 요소를 사용하여 JPEG 또는 PNG(이동식 네트워크 그래픽) 파일과 같은 이미지 파일을 표시할 수 있습니다. CSS 스타일시트를 사용하여 이미지 파일에서 배경 및 무늬를 만들 수도 있습니다.

  • 미리 보기를 사용하여 특정 파일이나 폴더에 대해 좀 더 자세한 정보를 보려는 사용자를 위해 파일 시스템을 그래픽 보기로 표시할 수 있습니다.

JavaScript를 사용하는 Windows 스토어 앱은 SVG(Scalable Vector Graphics) 그래픽을 렌더링하고 canvas 요소를 사용하여 그릴 수 있으며 CSS 변형 및 전환을 사용하여 특수 효과를 만들 수도 있습니다. 이러한 종류의 그래픽은 캔버스, SVG 및 CSS3에서 그래픽 사용 섹션에서 다루어집니다.

이 섹션의 항목에서는 이미지 및 미리 보기를 사용하는 방법을 보여 줍니다.

이 조항의 내용

항목 설명

이미지 선택 및 표시 방법

FileOpenPicker와 BLOB 개체를 사용하여 사용자가 선택하는 이미지를 로드하고 표시하는 방법을 설명합니다.