3

我正在使用 JavaScript 开发 Windows 8 应用程序。我一直在利用 Windows 8 开发中心中的代码示例，但我被卡住了。我想在我的 HTML 代码中添加一个 div，例如：<div id="drawArea"></div>并使用 JavaScript，以便您可以像在 MS Paint 中一样使用鼠标或手指（如果使用触摸屏）在此区域绘图。

在 JavaScript 开发中心中没有这方面的代码示例。我认为会有，因为 Windows 8 是为触摸屏设计的。我从 Google 的快速搜索中尝试了许多 HTML5/JavaScript 画布绘图教程中的一些，但在 Visual Studio 中编译为 Windows 8 JavaScript 应用程序时，所有教程都很生涩。

任何建议，将不胜感激？

4

1 回答 1

2

有几个示例可以显示您的要求（但它们以“Ink”命名，而不是触摸，因此更容易错过）：

两者都展示了一般的绘图体验，<canvas>用于绘图表面、MSPointer获取输入事件和Windows.UI.Input.Inking/InkManager处理（捕获、保存/加载、复制、命中测试）笔划。

然而，第一个示例更详细地介绍了触摸和其他功能，当然还有更多代码需要消化。

还有一个快速入门教程，显示鼠标/笔/触摸墨水和<canvas>显示：

于 2013-01-24T13:59:13.357 回答