[React] React Webcam のカメラ映像を canvas に表示してみる
![Thumbnail of post image 177](https://neko-note.org/wp-content/uploads/react-webcam-thumbnail-150x150.png)
前回は img タグに表示してみました。今回は canvas タグに表示してみます。
img タグと比べると、少し工夫が必要になります。
React Webcam のインストールなどはこちら。
カメラ映像 ...[React] React Webcam のカメラ映像をimgタグの画像に変換してみる
![Thumbnail of post image 188](https://neko-note.org/wp-content/uploads/react-webcam-thumbnail-150x150.png)
準備
React Webcam のインストールなどはこちら。
カメラ映像から画像を取得して表示する写真を撮るようなイメージで、ボタンを押したときの映像を img タグ で表示してみます。
いつものように App.js ...
[React] React Webcam でカメラ映像を表示してみる | 心を無にして始める React
![Thumbnail of post image 125](https://neko-note.org/wp-content/uploads/react-webcam-thumbnail-150x150.png)
準備
React Webcam を使っていきます。
React Webcam のインストールnpm install react-webcamカメラを表示するPCが認識しているカメラを選択して表示できるようにしてみます。