漢字書き順表示WEB

Web Developing.

概要

漢字の書き順を表示するWEBアプリです。
GitHubに公開されている漢字のベクターファイルを読み込んで、下記順をアニメーション表示するアプリです。
広告なし・無料の書き順表示アプリ
【動作確認】
iPhone 15 Pro Max
Mac Book Air
Windows 11 Note PC
iPad Pro
【ライセンス】
GPL-3.0 ライセンス
【参照元プロジェクト】
https://github.com/KanjiVG/kanjivg

GitHub Download

漢字書き順表示HTMLはGitHubからダウンロード可能です。
GPL-3.0 ライセンスで公開しています。

インストール手順

本プログラムは、kanjidisp.htmlというファイル1つのみです。

ローカルファイルとして

kanjidisp.html ファイルをローカルフォルダに保存して、ブラウザで開くと、漢字書き順アプリが起動します。

サーバにアップロードして

WEBサーバをお持ちであれば、適当な場所にkanjidisp.htmlをアップロードしてウエブブラウザを使ってそのページへアクセスしてください。

操作手順

手順1 書き順を知りたい漢字を入力

まず書き順を知りたい漢字を含むテキストを画面上部の入力ボックスに書き込みます。

手順2 漢字表示ボタンをタップ

書き順を知りたい漢字を含むテキストを入力したら、「漢字を表示」ボタンを押下します。
すると書き順番号がふられた漢字のリストが横並びで表示されます。このとき長いテキストは横にスクロールして表示できます。
書き順のアニメーションを見たい漢字をタップします。

手順3 書き順アニメーション表示

漢字の書き順がアニメーション表示されます。この大きい表示の漢字をタップ(またはクリック)すると、サイドアニメーションを表示できます。

タイトルとURLをコピーしました