4. tf.browser.fromPixels() 메서드를 사용해 웹 페이지의 이미지와 비디오 관련 요소에서 이미지를 가져오는 연습을 하기 위해 다음 과정을 따라 해보세요.
a. tf.browser.fromPixels()를 사용해 img 태그의 JPG 컬러 이미지를 표현하는 텐서를 얻습니다.
i. tf.browser.fromPixels()가 반환한 이미지 텐서의 높이와 너비는 얼마인가요? 무엇이 높이와 너비를 결정하나요?
ii. tf.image.resizeBilinear()를 사용해 이미지의 크기를 100 × 100(높이 × 너비)으로 바꾸어 보세요.
iii. 이전 단계를 반복합니다. 다만 이번에는 tf.image.resizeNearestNeighbor() 함수를 사용합니다. 두 리사이징(resizing) 함수의 결과 사이에 차이점을 찾을 수 있나요?
b. HTML 캔버스를 만들고 rect() 같은 함수를 사용해 임의의 도형을 그려 보세요. 또는 d3.js나 three.js 같은 고급 라이브러리를 사용하여 복잡한 2D와 3D 도형을 그릴 수 있습니다. 그다음, tf.browser.fromPixels()를 사용해 캔버스에서 이미지 텐서 데이터를 가져와 보세요.