小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 当前 Bug 的表现(可附上截图)
在用<camera>前置摄像头拍照,iphone上得到的照片与iphone原生相机拍照左右镜像相反。请问微信小程序上,前置摄像头拍照是否都会保持左右颠倒?
- 预期表现
- 复现路径
- 提供一个最简复现 Demo
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
我试的是前置摄像头 device-position="front",iphone上确认照出来的照片和系统照的照片是左右颠倒的。
device-position
=
"front",iphone上确认照出来的照片和系统照的照片是左右颠倒的。
前置摄像头preview是有镜像效果的,实际拍照则不会有这种镜像效果,但微信排出的照片和preview一样有镜像效果
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
iphone的小程序内前置摄像头表现与系统是一致的。具体可以参考demo例子尝试。
<!-- camera.wxml -->
<
camera
"back"
flash
"off"
binderror
"error"
style
"width: 100%; height: 300px;"
></
>
button
type
"primary"
bindtap
"takePhoto"
>拍照</
view
>预览</
image
mode
"widthFix"
src
"{{src}}"
// camera.js
Page({
takePhoto() {
const ctx = wx.createCameraContext()
ctx.takePhoto({
quality:
'high'
,
success: (res) => {
this
.setData({
src: res.tempImagePath
})
}
},
error(e) {
console.log(e.detail)
https://developers.weixin.qq.com/miniprogram/dev/component/camera.html
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
我试的是前置摄像头
device-position
=
"front",iphone上确认照出来的照片和系统照的照片是左右颠倒的。
前置摄像头preview是有镜像效果的,实际拍照则不会有这种镜像效果,但微信排出的照片和preview一样有镜像效果
iphone的小程序内前置摄像头表现与系统是一致的。具体可以参考demo例子尝试。
<!-- camera.wxml -->
<
camera
device-position
=
"back"
flash
=
"off"
binderror
=
"error"
style
=
"width: 100%; height: 300px;"
></
camera
>
<
button
type
=
"primary"
bindtap
=
"takePhoto"
>拍照</
button
>
<
view
>预览</
view
>
<
image
mode
=
"widthFix"
src
=
"{{src}}"
></
image
>
// camera.js
Page({
takePhoto() {
const ctx = wx.createCameraContext()
ctx.takePhoto({
quality:
'high'
,
success: (res) => {
this
.setData({
src: res.tempImagePath
})
}
})
},
error(e) {
console.log(e.detail)
}
})
https://developers.weixin.qq.com/miniprogram/dev/component/camera.html