在 Vue3 中获取摄像头画面并执行拍照保存,可以使用 JavaScript 的 navigator.mediaDevices.getUserMedia()
方法来获取摄像头画面,然后使用 canvas
元素将画面绘制出来,最后使用 canvas.toDataURL()
方法将图片转换成 base64
编码并保存。
示例代码如下:
<template>
<div>
<video ref="video" autoplay></video>
<button @click="takePhoto">