HarmonyOSJS鸿蒙Js camera怎么拍照并使用image显示出来

蹉跎莫遣韶光老，人生唯有读书好。这篇文章主要讲述HarmonyOSJS鸿蒙Js camera怎么拍照并使用image显示出来相关的知识，希望能为你提供帮助。
官网中有描述camera组件功能界面属性介绍，但是官网没有具体的demo让我们感受拍照的功能，今天写一篇demo来完善一下拍照的功能demo 功能如下
第一步首先进行拍照功能
第二步进行js页面跳转功能
第三步使用image 显示拍照的照片
第一步首先进行拍照功能
参考链接如下
??https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-media-camera-0000001051414121??
??

文章图片

var path="internal://app/"+_this.src.substring(appsrc.length,_this.src.length)

console.info(-------------success------+path )

router.push(

uri:"pages/myImage/myImage",

params:

src: path

,

)

第三步使用image 显示拍照的照片
3.1 参考资料如下
??https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-basic-image-0000000000611597??

文章图片
< /image>
< /div>
CSS代码

.container

display: flex;

justify-content: center;

align-items: center;

flex-direction: column;

left: 0px;

top: 0px;

width: 454px;

height: 454px;

.title

font-size: 30px;

text-align: center;

width: 200px;

height: 100px;