Javascriptで画像サイズを変更して表示したいです。
300300のRGBの画像データがメモリ上にあります。そのデータを100100に変換して表示したいです。
表示先はCanvasが良いかと思い、Canvasに表示させる方法を試していますがうまく行きません。
100*100をCSSで指定しCanvasタグは以下のように記載しています。
html
1<canvas id="img_canvas" class="img-canvas"></canvas>
300300のデータを100100で表示したいですが、うまく行きません。
Javascript
1let tmpImg = 0,0,0,・・・; 2// tmpImgは300*300のRGBデータ(別のCanvasでctx.getImageData(0, 0, 300, 300).dataで取得し保持) 3if (document.getElementById('img_canvas') == null) return tmpImg 4let icanvas = document.getElementById('img_canvas') 5let ictx = icanvas.getContext('2d') 6ictx.drawImage(tmpImg, 0, 0, 100, 100) // 画像をリサイズ
実施方法についてご教授をお願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/03/06 12:55