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



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

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

这样做:

索引.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>

风格.css

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

最新更新