日本語プログラミング言語なでしこの公式掲示板

なでしこ の 掲示板

トップ 新規 検索

2023-12-30 20:58:26

Re②:画像をputImageDataでまるっとキャンバスに表示する

shikiishi さん

ありがとうございます。
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; ictx.putImageData(img,{10}, {10});
{波カッコ閉じ})」を[色データ,描画中コンテキスト]でJS関数実行。
ここまで。



(編集パスワード送信)

子記事

親記事 (No.1804)
返信した記事(元) (No.1806)

この内容(No.1807)に返信

この内容(No.1807)をダウンロード

この内容(No.1807)のテキスト表示





www.eznavi.net