logo标签列表

Windows 8 JavaScript 应用程序开发：在 HTML5 画布上绘制

javascriptwindows-8windows-store-appswinjs
3
我正在开发一款JavaScript的Windows 8应用程序。我一直在利用Windows 8 Dev Center中的代码示例，但是现在卡住了。我想在我的HTML代码中添加一个div，例如：<div id="drawArea"></div>，并使用JavaScript使您可以在此区域中使用鼠标或手指（如果使用触摸屏）进行绘画，就像在MS Paint中一样。
在JavaScript中，在Dev Center中没有此类代码示例。我认为会有这样的示例，因为Windows 8专为触摸屏设计。我尝试了从快速Google搜索中找到的许多HTML5 / JavaScript画布绘图教程，但在Visual Studio中编译为Windows 8 JavaScript应用程序时都很卡顿。
有任何建议将不胜感激？
1个回答
2

有几个示例可以展示您所需的内容（但它们的名称为"Ink"，而不是touch，所以很容易被忽略）：

这两个示例都展示了一般的绘图体验，使用<canvas>作为绘图表面，MSPointer来获取输入事件，并使用Windows.UI.Input.Inking / InkManager处理（捕获、保存/加载、复制、命中测试）笔画。

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

还有一个快速入门教程，展示了使用鼠标/笔/触摸进行Ink和<canvas>显示的方法：

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接