Windows8JavaScript应用程序开发:在HTML5画布上绘制

Windows8JavaScript应用程序开发:在HTML5画布上绘制,javascript,windows-8,windows-store-apps,winjs,Javascript,Windows 8,Windows Store Apps,Winjs,我正在用JavaScript开发一个Windows8应用程序。我一直在利用Windows8开发中心的代码示例,但我被卡住了。我想在我的HTML代码中添加一个div,比如:,并使用JavaScript,这样你就可以像MS Paint那样用鼠标或手指(如果使用触摸屏)在这个区域中画图 在JavaScript的开发中心中没有这方面的代码示例。我认为会有,因为Windows8是为触摸屏设计的。我尝试了一些来自谷歌快速搜索的HTML5/JavaScript画布绘制教程,但当在VisualStudio中编译

我正在用JavaScript开发一个Windows8应用程序。我一直在利用Windows8开发中心的代码示例,但我被卡住了。我想在我的HTML代码中添加一个div,比如:
,并使用JavaScript,这样你就可以像MS Paint那样用鼠标或手指(如果使用触摸屏)在这个区域中画图

在JavaScript的开发中心中没有这方面的代码示例。我认为会有,因为Windows8是为触摸屏设计的。我尝试了一些来自谷歌快速搜索的HTML5/JavaScript画布绘制教程,但当在VisualStudio中编译为Windows8JavaScript应用程序时,这些教程都是不稳定的


如果您有任何建议,我们将不胜感激。

这里有几个示例可以显示您的要求(但它们是以“墨水”命名的,而不是以触摸命名的,因此它们更容易被忽略):

两者都显示了一般的绘图体验,使用
绘制表面,
MSPointer
获取输入事件和/或处理(捕获、保存/加载、复制、点击测试)笔划

然而,第一个示例对touch和其他特性进行了更详细的介绍,当然还有更多代码需要消化

还有一个快速入门教程,其中显示了鼠标/笔/墨水触摸和显示的