Question

我是HTML5的新手，我打算创建一个工具来演示如何用正确的顺序手写字符。

我有这个代码用canvas创建一个中文字符，但有没有办法逐步绘制它直到整个角色完成？欢迎使用Javascript，我不想使用gif或flash来绘制这么多帧。

有什么想法吗？感谢。

<!DOCTYPE html>
<html>
<head>
    <title>Canvas beginePath example</title>
    <script>
        function beginDemo() {
            var canvas = document.getElementById("demo")
            var ctx = canvas.getContext('2d');
                        ctx.font = "52pt 楷体";
            ctx.fillText("字", 220, 200);
        }
    </script>
</head>
<body onload="beginDemo();">
    <canvas id="demo" width="800" height="800"></canvas>
</body>
</html>

Answer 1

zhongwen development tool（GPL）包括一个带有笔画动画数据的大文本文件。我记得用Pixi渲染笔触形状相当容易，但是给它们制作动画似乎很有挑战性。当时我做了一个心理记录，从zdt人们那里了解数据是否可以使用，然后做一些很好的动画，但从来没有。其他人有a similar idea，这真的很不错。代码是MIT许可证。也许你可以使用它，或者至少从中得到一些想法。假设三年就可能仍然与您相关。

使用HTML5演示如何编写字符

1 个答案: