0

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

我有这段代码可以用画布创建一个汉字，但是有没有办法一步一步地绘制它，直到整个字符完成？欢迎使用 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>
4

1 回答 1

0

中文开发工具(GPL) 包含一个带有笔画动画数据的大型文本文件。我记得使用Pixi渲染笔触形状相当容易，但为它们制作动画似乎具有挑战性。当时我做了一个心理记录，想从 zdt 的人那里了解这些数据是否可以使用，然后制作一些东西来很好地动画它，但从来没有。其他人也有类似的想法，这确实做得很好。代码是 MIT 许可证。也许您可以使用它，或者至少从中获得一些想法。假设这三年可能仍然与您相关。

于 2016-09-18T15:07:54.393 回答