2023-12-30 20:58:26
Re②:画像をputImageDataでまるっとキャンバスに表示する
ありがとうございます。 putimageDataと、getimageDataの謎については理解できました。 いま、この関数を使った最小単位のプログラムとして、画像を座標をずらして描画しようと考え、 以下のプログラムを書いたのですが、うまくいきませんでした。アドバイスいただけたらうれしいです。 色データ=0 処理範囲=[0,0,300,250] [0,0]へ「https://n3s.nadesi.com/image.php?f=263.png」を画像描画 色データ=処理範囲の色データ取得。 処理範囲を色データで画像処理反映。 ●(xywhの|xywhを)色データ取得 描画中コンテキストの「getImageData」をxywhでJSメソッド実行して、それ["data"]で戻る。 😀 それを表示######################### 🎈 それを表示######################### ここまで。 ●(xywhを色データで|xywhに)画像処理反映 「(function (color,ctx){波カッコ} const img = ctx.getImageData({xywh}); let data = img.data; for (let i=0; i {波カッコ閉じ})」を[色データ,描画中コンテキスト]でJS関数実行。 ここまで。 |