任务是,在单击页面上的按钮时,我需要在移动设备上显示相机,并在相机上使用带有公司徽标的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;
}