通过

显示图像、图形和缩略图 (HTML)

  • 项目

[ 本文适用于编写 Windows 运行时应用的 Windows 8.x 和 Windows Phone 8.x 开发人员。如果你要针对 Windows 10 进行开发，请参阅 最新文档 ]

使用 JavaScript 的 Windows 应用商店应用可以显示各种图像和图形。

  • 你可以使用 img 元素显示图像文件，如 JPEG 或可移植网络图形 (PNG) 文件。你还可以使用级联样式表 (CSS) 从图像文件创建背景和模式。

  • 在为用户创建文件系统的图形视图时，或者当用户希望查看有关特定文件或文件夹的更多详细信息时，可以使用缩略图。

使用 JavaScript 的 Windows 应用商店应用还可以呈现可缩放的向量图形 (SVG) 格式的图形，使用 canvas 元素进行绘制，还可以使用 CSS 转换和切换创建特殊效果。这些种类的图形将在以下部分中介绍：将图形与画布、SVG 和 CSS3 结合使用。

此部分中的主题展示如何使用图形和缩略图。

本部分内容

主题 描述

如何选择和显示图像

介绍如何使用 FileOpenPicker 和 Blob 对象加载和显示由用户选择的图像。