覆盖HTML 5输入类型文件，带有来自HTML网页的图像/文本的相机 [英] Overlay HTML 5 input type file,camera with an image/text from HTML web page

问题描述

我正在使用HTML 5输入类型控件进行捕获：

I am using HTML 5 input type controls to take capture:

<input type="file" id="take-picture" accept="image/*"
style="position:absolute;top:-50;left:-50;"  />

使用此功能，我可以看到相机并能够拍摄，但我想要在相机实时Feed上显示文字或图像。？

Using this I am able to see the camera and able to take the capture, but I want to show text or an image on top of the camera live feed. ?

1. 怎么做


2. 是否可以在div控制区显示相机在HTML页面？

推荐答案

您只需添加一个重叠的div，如下例所示：

You just have to add an overlaying div like in this sample:

http://jsfiddle.net/XbZMX/ {点击'iniciar'按钮}

http://jsfiddle.net/XbZMX/ {click on 'iniciar' button}

#overlay{color:red;position:absolute}

这篇关于覆盖HTML 5输入类型文件，带有来自HTML网页的图像/文本的相机的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！