document.getElementByIdで取得した画像がreshapeできない理由

Question

下のhtmlから取得した画像を、JavaScriptで以下のようにreshapeしたのですが、変更されません。

document.getElementで取得した画像は以下コードでなぜreshapeされないのでしょうか？

reshape後はshape: [1, 100, 100, 3]に変更したいのですが。

<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@1.0.0/dist/tf.min.js"></script>

<div id="for_remoove">
  <img src="IMG_2328.PNG" width="100" height="100" id="preview">
 </div>

const inputWidth = inputHeight = 100;
	// resize
	const image = document.getElementById('preview');
	image.height = 100;
	image.width = 100;
	let tensor = tf.browser.fromPixels(image).toFloat();
	let offset = tf.scalar(255);
	let tensor_iamge = tensor.div(offset).expandDims();
	console.log(tensor_iamge);

>>>t {isDisposedInternal: false, shape: [1, 125, 100, 3], dtype: "float32", size: 37500, strides: [37500, 300, 3], …}

Answer 1

let tensor = tf.browser.fromPixels(image).resizeNearestNeighbor([inputWidth, inputHeight]).toFloat();
		

Comments

[yasutomi]

解決済みになりましたがresizeNearestNeighborなしで試したところ
shape: [1, 100, 100, 3]になりましたので、共有させていただきます。