0

私は HTML5 を初めて使用します。文字がどのように手書きで正しい順序で書かれたかを示すツールを作成する予定です。

キャンバスで漢字を作成するこのコードがありますが、文字全体が完成するまで段階的に描画する方法はありますか? Javascript の使用は大歓迎です。GIF やフラッシュを使用して非常に多くのフレームを描画したくありません。

何か案が？ありがとう。

<!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

zhongwen開発ツール(GPL) には、ストローク アニメーション データを含む大きなテキスト ファイルが含まれています。Pixiを使用してストローク シェイプをレンダリングするのはかなり簡単だったのを覚えていますが、それらをアニメーション化するのは難しかったようです。当時、私は zdt の人々からデータを使用できるかどうかを確認し、それを適切にアニメーション化する何かを作成することを心に留めていましたが、実行することはありませんでした。他の誰かが同様のアイデアを持っていましたが、これは非常にうまくできています。コードはMITライセンスです。多分あなたはそれを使うことができるか、少なくともそこからいくつかのアイデアを得ることができます. これに3年かかると仮定すると、あなたにはまだ関連性があるかもしれません.

于 2016-09-18T15:07:54.393 に答える