diff --git a/zh-cn/application-dev/js-reference/Camera.md b/zh-cn/application-dev/js-reference/Camera.md new file mode 100644 index 0000000000000000000000000000000000000000..dc649e600906eb3a0f3debd19f68a9140700f57f --- /dev/null +++ b/zh-cn/application-dev/js-reference/Camera.md @@ -0,0 +1,336 @@ +# Camera + +- [子组件](#zh-cn_topic_0000001062209279_section172027510456) +- [属性](#zh-cn_topic_0000001062209279_section153601034618) +- [样式](#zh-cn_topic_0000001062209279_section1889052254711) +- [事件](#zh-cn_topic_0000001062209279_section104349151916) +- [方法](#zh-cn_topic_0000001062209279_section568225514199) + +相机组件。一个页面仅支持一个camera组件。 + +## 子组件 + +> 不支持 + +## 属性 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

名称

+

类型

+

默认值

+

必填

+

描述

+

id

+

string

+

-

+

否

+

组件的唯一标识。

+

style

+

string

+

-

+

否

+

组件的样式声明。

+

class

+

string

+

-

+

否

+

组件的样式类，用于引用样式表。

+

ref

+

string

+

-

+

否

+

用来指定指向子元素或子组件的引用信息，该引用将注册到父组件的$refs 属性对象上。

+

data

+

string

+

-

+

否

+

给当前组件设置data属性，进行相应的数据存储和读取。

+
+ +## 样式 + + + + + + + + + + + + + + + + + + + + + + + + +

名称

+

类型

+

默认值

+

必填

+

描述

+

width

+

<length> | <percentage>

+

-

+

否

+

设置组件自身的宽度。

+

缺省时使用元素自身内容需要的宽度。

+

height

+

<length> | <percentage>

+

-

+

否

+

设置组件自身的高度。

+

缺省时使用元素自身内容需要的高度。

+
+ + + +## 事件 + +通用 + +## 方法 + + + + + + + + + + + + + + + + + + + + + +

名称

+

参数

+

描述

+

takePhoto

+

CameraTakePhotoOptions

+

执行拍照

+

startRecord

+

-

+

开始录像

+

closeRecord

+

CameraRecordOptions

+

结束录像

+
+ +CameraTakePhotoOptions + + + + + + + + + + + + + + + + + + + + + + + + +
+

quality

+		 +

string

+		 +

图片质量(L3)

+
+

success

+		 +

Function

+		 +

接口调用成功，返回uri

+
+

fail

+		 +

Function

+		 +

接口调用失败

+
+

complete

+		 +

Function

+		 +

接口调用结束

+
+ +CameraRecordOptions + + + + + + + + + + + + + + + + + + + +
+

success

+		 +

Function

+		 +

接口调用成功，返回uri

+
+

fail

+		 +

Function

+		 +

接口调用失败

+
+

complete

+		 +

Function

+		 +

接口调用结束

+
+ +## 示例 + +``` +
+
+ +
+ src： {{src}} photoUri： {{photoUri}} +
+ + +
+
+ + +
+
+//.js +import router from '@system.router'; +export default { + data: { + photoUri: "", + val: "", + arr:[], + size: -1, + quality:'', + src:'', + heights: 600, + widths:600, + }, + onInit() { + }, + startRecord() { + this.$element('cameraId').startRecorder(); + }, + closeRecord() { + this.$element('cameraId').closeRecorder( + { + success: (res) => { + this.src = res.uri; + }, + fail: (res) => { + this.val = "fail " + res.errormsg + " " + res.errorcode; + }, + complete : (res) => { + this.val += " :complete"; + }, + } + ); + }, + takePhoto() { + this.$element('cameraId').takePhoto( + { + quality: -1, + success: (res) => { + this.photoUri = res.uri; + }, + fail: (res) => { + this.val = "fail " + res.errormsg + " " + res.errorcode; + }, + complete : (res) => { + this.val += " :complete"; + }, + } + ); + }, +``` + +} \ No newline at end of file diff --git a/zh-cn/application-dev/js-reference/Readme-CN.md b/zh-cn/application-dev/js-reference/Readme-CN.md index fe0618684216f0d9051636d26ff701fa84db17ab..4a26b5c26981344e69a67728b508787fd5e5f9ee 100755 --- a/zh-cn/application-dev/js-reference/Readme-CN.md +++ b/zh-cn/application-dev/js-reference/Readme-CN.md @@ -62,6 +62,9 @@ - [toolbar-item](toolbar-item.md) - [toggle](toggle.md) + - [媒体组件](媒体组件.md) + - [Camera](Camera.md) + - [画布组件](画布组件.md) - [canvas组件](canvas组件.md) - [CanvasRenderingContext2D对象](CanvasRenderingContext2D对象.md)