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)