Paepoi

Paepoi » HTML5 Canvas TestPage

HTML5 Canvas TestPage

動かない場合は Ctrl+F5 で外部 js の更新を行ってください。
パソコン用ブラウザ専用です。

Web 版 Comipoli (自作コミック公開者向け)の実験アプリです。
このページでは実験なので自分のパソコン内のファイル指定になっています。

漫画の画像が入ったディレクトリ(cbz を展開したもの等)を指定
アーカイブ対応は現在未定。



(アップロードがどうのというダイアログが出ますがアップロードはされません)
Blob として処理されます、cv.js を直接参照してください)

キーボード動作
[←], [Space]次のページ
[Ctrl + ←]ステップ送り
[→], [BackSpace]前のページ
[Ctrl + →]ステップ戻し
[Home]先頭のページへ
[End]最後のページへ
[Esc]終了
Commipoli Linux 版と同様に先頭と最後は単ページで中心に表示されます。
キー操作は大半の Web コミックサイト(GANMA 等)と同じキーにしています。

マウス処理や最終ページのダイアログ等は次の更新で。
思っていたほどコードの流用ができない、てか別物になってしまった。。。

JavaScript ファイルへの直接リンク
Firefox, Google Chrome, Safari 最新版で動作します。

2018.08.13
class から ES6 簡略構文に変更(new が不要になる)
横長ページを一枚表示実装
Ctrl+ 矢印キーでステップめくり実装
Space, BackSpace でページめくり実装
ボタンからフォーカスを外して Space, Enter に反応しないようにした
[Esc] はリロードで初期化に仕様変更

2018.07.29
- 初版
Copyright(C) sasakima-nao All rights reserved 2002 --- 2024.