2023-12-30 18:49:27
Re①:画像をputImageDataでまるっとキャンバスに表示する
画像処理反映は、描画中キャンバスのxywh([左上のx,y,幅,高さ]の配列)に、色データ([r,g,b,a,r,g,b,a,...]からなる配列)を設定して画像を書き換える命令です。 なんで「画像処理反映」の関数の中で、再度「getimageData」を使いキャンバスのデータを取得し直しているのかというと、「色データ取得」は「getimageData」で得られるImageDataオブジェクトの中のImageData.dataだけを取り出すやつなのですが、putImageDataするには、ImageDataオブジェクトが必要なので取得しています。 注意点としては、幅と高さが、元の色データを取得した時と合っていませんと、色データは一次元配列ですので変になります💧 元のImageDataをどっかに保持しておくとかもっとスマートなアレがあった気がしますが~😅🙏 あとは、うまくいかなかったコードを貼って頂けたら、なんでうまくいかなかったのか分かるかと思います。 |