[JS]Canvasでよく使う描画テクまとめHTMLで画像をいじくりたい時は、canvasを利用して編集するのは一般的ですが、WindowsストアアプリではHTML+CSS+JSでのアプリ開発ができる事もあって、簡単な画像編集であれば、C#やVBを使うより分かりやすいし資料が多く、C++でDirectXをガリガリ書くよりお手軽。入出力もファイルピッカーを使えば簡単に実装できます。今回は、Windowsのコードではなく、Canvasを利用する時のJavaScriptを使いどきに合わせてまとめていきます。 少し長いので目的の内容に飛ぶアンカー用意しました。 画像の取り込み Canvasの内容をコピーする Canvasの絵を動かす 線太いんだけど 画像の取り込みJavaScriptで画像を編集するには、とにかくCanvasへ画像を取り込む必要があります。画像の読み込みは簡単ですね。 var img = new Image(); img.s
