如何表示数学符号并捕获相同的用户输入

use*_*108 8 html math jquery

  1. 如何捕获与数学分数相关的用户输入.假设我想呈现一个简单的方块并要求用户选择一个正方形的3/4.我们应该使用什么样的UI控件来首先表示一个正方形(内部有4个相等的块)并且具有捕获用户输入的机制.

  2. 假设您想画一个1米长的刻度,并且每隔10厘米就有一个标记(例如10,20,30 ... 90,100).我们希望用户在刻度上绘制40厘米.什么样的UI控件可用于帮助我们绘制此类输入并捕获学生响应.

我们可以使用任何工具或库来构建此类解决方案吗?我们的环境基于(java,richfaces,jquery ......)

Dou*_*rch 1

虽然可以将 HTML 或 jQuery 控件组合在一起来绘制和检测矩形上的点击,但如果您要使用字体、符号、比例和旋转来绘制自己的图形,您最终将不得不转向图形 API。我建议使用 HTML5 Canvas元素。

Canvas 是 W3C 批准的向网页添加交互式图形的方法,所有现代浏览器都支持它,包括带插件的 IE。

Dive into HTML5中的免费章节展示了如何在 Canvas 元素中仅使用 JavaScript 创建可玩的 HTML5 游戏。