桃の缶詰 ─ 手書きのテスト

ふたばの画像掲示板が標準で持つお絵かき機能よりちょっとできることが増えた版です。Chrome と Firefox で動作を確認しています。

特徴

3枚までのレイヤー
描線の補正、補間
直線の描画
キャンバスの反転、回転
キャンバスのサイズ変更
キャンバスの表示を拡大、回転
アンドゥ、リドゥ
Ctrlクリックによるスポイト
Shift押下によるペン←→消しゴム切り替え
ホイールの回転によるペン幅変更、拡大率変更
スレッドが落ちていたときのためのキャンバスの持ち越し
同一色領域の塗りつぶし

とりあえず使ってみる！

ふたば上での使い方

javascript:(d=>{d=d.body.appendChild(d.createElement('script'));d.src=`//appsweets.net/momo/can.php?${parseInt(Date.now()/36e+5)*36e+5}`})(document)

このコードをブックマークレットとして保存し、ふたばの画像掲示板上で実行してください。送信フォームに「手書き(桃)」のリンクが追加されるので、それを押すと起動します。

ライセンス

Apache License, Version 2.0

クレジット

Icons made by Pixel perfect, Freepik, Kirill Kazachek Baianat, Smashicons, Google, Dave Gandy, Situ Herrera, Hanan, Those Icons from www.flaticon.com is licensed by CC 3.0 BY

更新履歴

0.9.88
- レイヤーの大きさ・オフセットが背景から独立するようにした
- マウスボタン押下時にポインタのキャプチャを常に行うようにした
- レイヤー移動ツールを実装
0.9.76
- 右クリックを併用して回転/倍率変更した際にキャンバス中央に状態を表示するようにした
- 抜きを有効にした際の減衰開始位置を50%に変更した
- "a" キーでペンの補完がトグルするようにした。"b" キーでペンの抜きがトグルするようにした
- 右クリック併用の回転開始時に引っかかりが発生しないようにした
- 現在のレイヤーを下のレイヤーと結合する機能を追加。現状では Photoshop などと違い、結合元のレイヤーは残り、内容が消去される
- ペン/消しゴムで直線を引く機能を追加。描画時に右クリックすることで仮想線を表示する状態になり、左クリックで描画される
- ペン幅の変更を常に1/3ピクセルにするオプションを追加