0

我有 3 个儿童游戏。所有这些都是跟踪/素描。游戏是勾画线条、字母和数字。

我已经开始画线了，我使用了http://intridea.github.io/sketch.js/中的 sketch.js ，这并不是 100% 工作的。

现在我的问题是，如何通过字母和数字来做到这一点。

我创建了一个示例，但它并没有真正起作用。所以游戏是这样的。有一个字母'A'，然后用户（孩子）会追踪那个A。但在我的示例中，字母会消失。因此，如果用户已经对其进行了跟踪/绘制，则会出现“下一步”按钮。

<!DOCTYPE html>
<html>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://intridea.github.com/sketch.js/lib/sketch.min.js"></script>

<canvas id="myCanvas" width="200" height="300"
style="border:1px solid #d3d3d3;">
Your browser does not support the canvas element.
</canvas>

<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.font = "150px Arial";
ctx.strokeText("A",20,200);
    $('#myCanvas').sketch({
      defaultColor: "#ff0000", 
      defaultSize: 10
    });
</script>

</body>
</html>

4

0 回答 0