顯示影像、圖形和縮圖 (HTML)

[ 本文的目標對象是撰寫 Windows 執行階段 App 的 Windows 8.x 和 Windows Phone 8.x 開發人員。如果您正在開發適用於 Windows 10 的 App,請參閱 最新文件 ]

使用 JavaScript 的 Windows 市集應用程式可以顯示各種不同的影像和圖形。

  • 您可以使用 img 元素顯示影像檔,例如 JPEG 或可攜式網路圖形 (PNG) 檔案。您也可以使用階層式樣式表 (CSS) 從影像檔建立背景和圖樣。

  • 使用縮圖可針對使用者以及在使用者想要檢視關於特定檔案或資料夾的詳細資料時,建立檔案系統的圖形檢視。

使用 JavaScript 的 Windows 市集應用程式還可轉譯可縮放向量圖形 (SVG),並且使用 canvas 元素繪圖,另外也可以使用 CSS 轉換和切換建立特殊效果。這些類型的圖形會在另一節中說明:使用以 Canvas、SVG 及 CSS3 繪製的圖形

本節中的主題說明如何使用影像和縮圖。

在這個章節中

主題 說明

如何選取和顯示影像

描述如何使用 FileOpenPicker 與 blob 物件載入並顯示使用者選取的影像。