《智能前端技术与实践》——第 2 章 前端开发基础 ——2.7 微信小程序开发——2.7.2 页面描述文件（5）: https://developer.aliyun.com/article/1227994?groupCode=tech_library
camera 组件属于微信小程序的媒体组件。该组件可以使用系统的相机，如果需要使用扫描 二维码功能，需要将微信客户端版本升级至 6.7.3。该组件的常用属性如表 2-11 所示。
表 2-12 展示了 device-position 属性的合法值。
表 2-13 展示了 flash 属性的合法值。
表 2-14 展示了 frame-size 属性的合法值。
示例代码如代码清单 2-54 所示。
代码清单 2-54
<viewclass="container"><viewclass="title"><text>作者介绍（石璞东）</text></view><viewclass="content"><view>1. hahaWebsite 网站站长；</view><view>2. hahaCoder 微信公众号号主；</view><view>3. hahaAI 微信小程序开发者；</view><view>4. hahaOCR 插件开发者；</view></view><viewclass="img"><cameradeviceposition="front"flash="off"style="width:700rpx;height:500rpx"></camera></view></view>
运行结果如图 2-46 所示。
canvas 组件的属性如表 2-15 所示。
提示
canvas 标签默认大小为 300×150。同一个页面中 canvas-id 不可重复。微信开发者工具 默认关闭 GPU 硬件加速。在微信开发者工具中，选择“设置”→“通用”，在“设置”界面中， 在“启动时”选项组中，勾选“使用 GPU 加速模式（重启后生效）”复选框，即可打开 GPU 硬 件加速，如图 2-47 所示。
《智能前端技术与实践》——第 2 章 前端开发基础 ——2.7 微信小程序开发——2.7.2 页面描述文件（7）: https://developer.aliyun.com/article/1227986?groupCode=tech_library
