借助画布、SVG 和 CSS3 使用图形 (HTML)
[ 本文适用于编写 Windows 运行时应用的 Windows 8.x 和 Windows Phone 8.x 开发人员。如果你要针对 Windows 10 进行开发，请参阅 最新文档 ]
本部分包含有关在使用 JavaScript 的 Windows 应用商店应用中使用图形的信息。
本部分内容
| 主题 | 描述 |
|---|---|
canvas 元素在页面上生成一个矩形的位图画布，在该画布上，可以使用 JavaScript 实时绘制图形图像。画布非常适合创建游戏，还非常适合实时收集图形或定期更改图形的情形。 |
|
canvas 元素是 HTML 文档的可绘制区域，可以使用 JavaScript 收集图形（如动画、图表和游戏）。 本主题首先介绍使用 canvas 元素对基本图形进行动画处理所需的步骤。 |
|
形状和线条并不是只能为纯色。用在画布中的渐变实际上是一种类型的颜色值，因此，你可以将它应用于 fillStyle 和 strokeStyle 属性。 渐变可用来在图像中产生密度或颜色在方向上的变化。 这可用于产生背景图像，指出地图中的高度，或者指出你希望向图面中添加照明和底纹的任何位置。 渐变对于简化网页非常有用，因为你可以避免针对这些效果使用图像，还可以最小化加载它们所需的带宽和时间。 而且，由于渐变是以编程方式生成的，因此可以对它们进行方便的缩放和重用。 |
|
canvas 元素是 HTML 文档的可绘制区域，可以使用 JavaScript 收集图形（如动画、图表和游戏）。本主题首先介绍使用 canvas 元素显示图像所需的步骤。 |
在 Windows 应用商店应用中，你可以使用 CSS 和 SVG 画布来添加快速轻量向量图形并对 UI 进行动画处理。
几乎所有的向量图形都可以使用 SVG 或画布来绘制，但有时，根据要执行的任务，可能需要开发人员或计算机额外完成大量工作。
使用级联样式表级别 3 (CSS3) 2D 转换，你可以在 2D 空间中平移（移动）、旋转、缩放和扭曲对象。CSS3 3D 转换在 3D 空间中也支持这些转换，但增加了通过透视转换模拟深度感的功能。
当分别指定了多个转换时，转换的结果是累积的，具体取决于这些转换的应用顺序。