14877


JavasSriptで手書き入力を実現させたいのですが、中々いいサンプルがありません。

色の選択、線の太さ等設定は必要ありません。  
単純にかければいいだけです。

サンプルページ等あれば教えて下さい。  
宜しくお願いします。


CC BY-SA 3.0
2015-08-26T06:00:58.707
14856
2016-12-22T08:45:42.733
2016-12-22T08:45:42.733
3054
6108
question
javascript html5 html5-canvas
JavaScript によりフリーハンドで描画させたい


お絵かきツール的なものだと判断しました。  
「かければいいだけ」であることを考えて最小限のコードを書くと次のようになります。

[code]

    var canvas = document.querySelector("canvas");
    canvas.addEventListener("mousemove", function(e){
        e.buttons === 1 && canvas.getContext("2d").fillRect(e.offsetX, e.offsetY, 5, 5);
    });
[/code]

[code]

    <canvas/>
[/code]


CC BY-SA 3.0
2015-08-26T14:01:18.877
14877
2015-08-26T19:49:33.497
2015-08-26T19:49:33.497
10330
10330
14856
answer