使用小组件 > 3D > 照相机
  
照相机
这个小组件有什么功能?
能够在 3D 眼镜体验中拍照。
何时会用到这个小组件?
如果要使用户能够在体验过程中拍摄照片,可使用“照相机”小组件。
* 
如果要将图片保存到 ThingWorx 实例的信息库中,必须由管理员将以下配置参数手动添加到 configuration.json 文件:
"nohttp2":true
如果 Experience Service 安装在本地,请联系管理员。
如果 Experience Service 由 PTC 托管,请向技术支持记录问题,并从“产品”字段选择 Vuforia Studio,然后选择“是 – 请求在 PTC Cloud 环境上的活动(刷新、构建、访问、升级等)或信息”,该选项位于“是否要通过 PTC Cloud Services 提交问题?” 下拉菜单。
这个小组件中是否有专用的属性、服务、事件或操作?
若要查看小组件常用的属性、服务和事件的列表,请参阅小组件的通用属性、服务和事件
下表列出了该小组件的专用属性。
属性
JavaScript
类型
说明
隐藏 3D 增强
isAugmentationsHidden
boolean
若选择此选项,体验中的 3D 增强将被隐藏。
图像数据
image
string
由照相机拍摄的 JPEG 图像的 base64 编码字符串(文本)。
图像 URL
ImageUrl
string
将以上图像数据包括在可嵌入网页的超链接中,或将其绑定为 3D 图像小组件的资源。
确认 UI
JavaScript
类型
说明
接受按钮标签
acceptLabel
string
接受所拍摄照片的按钮上显示的文本。
重拍按钮标签
retakeLabel
string
重新拍照的按钮上显示的文本。
取消按钮标签
cancelLabel
string
取消拍照的按钮上显示的文本。
服务
JavaScript
说明
拍照
takePicture
调用此服务会创建截图。
事件
JavaScript
说明
照片已拍摄
pictureTaken
拍照完成时触发。自变量包含宽度、高度和方向(横向或纵向)。
用户已取消
userCanceled
当用户取消照相机时触发。
小组件的显示效果
以下是小组件的显示效果示例。
使用时的必要步骤
1. 从 3D 眼镜项目的 3D 工作区,将“照相机”小组件拖放到工作区中。
2. “3D 按钮”小组件拖放到工作区中。
3. 输入要在按钮上显示的文本。例如,Take Picture
4. “按钮”“单击”事件旁的 图标拖放到项目树中的 camera-1
5. “选择绑定目标”窗口中选择“拍照”,然后单击“绑定”
6. “3D 图像”小组件拖放到工作区中。
7. “照相机”小组件的“图像 URL”属性拖放到“3D 图像”小组件上。在“选择绑定目标”窗口中选择“资源”,然后单击“绑定”
完成步骤 1-5 后,可以根据需要执行以下步骤。
1. 将“照相机”小组件的“图像 URL”属性绑定到“3D 图像”小组件。选择“资源”作为绑定目标。
2. 将“照相机”小组件的“图像数据”属性绑定到 ThingWorx 服务中以存储图像。