使用带有公司徽标的HTML5 / JavaScript访问移动相机(网络浏览器)

时间:2017-08-15 14:38:27

标签: javascript jquery html5 mobile camera

任务是,点击页面上的按钮,我需要在移动设备上显示相机,相机上带有公司徽标的HTML5 / JavaScript(保持在固定位置)。当用户拍照时,徽标应显示在拍摄的照片上。

我找到了访问相机的脚本,但在相机打开时我无法显示公司徽标。

1 个答案:

答案 0 :(得分:0)

这样做:

的index.html

<body>
 <iframe id="camera">Here is the Iframe you see the camera output in.</iframe>
 <img src="A path to the logo" id="logo">
</body>

的style.css

#camera {
 Position: relative;
 z-index: 1;
}

#logo {
 Position: absolute;
 Right: 5px;
 Bottom: 5px;
 z-index: 2;
}