画像フィールドに入れると、ウェブカメラからキャプチャされたデータが変更される理由:
a = canvas.toDataURL("image/jpeg")
document.getElementById("avatar").src = a
src
壊れて空のファイルしか表示されませんがcanvas.toDataURL("image/jpeg")
、コンソールにアクセスすると、正常なイメージが表示されます。
使用:
document.getElementById("avatar").src
"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMD…gAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA//Z"
しかし:
a = canvas.toDataURL("image/jpeg")
"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMD…vtP7ypIi8kA5zUDTCJSDyw7kUrOjzF0dmAOADSTFpJTJM49TxyaG3e0np6joNx0lHTp1+fY//Z"
コードはこちら