• JS API 列表
  • 基础
  • TTML
  • 网络
  • 媒体
  • 图片
  • 录音
  • 音频
  • 视频
  • 相机
  • tt.createCameraContext
  • CameraContext
  • CameraContext
  • CameraContext.onCameraFrame
  • CameraContext.setZoom
  • CameraContext.takePhoto
  • CameraContext.startRecord
  • CameraContext.stopRecord
  • CameraFrameListener
  • 特效相机
  • Canvas 录制
  • rtc-room 实时通信
  • 地图
  • 文件
  • 数据缓存
  • 地理位置
  • 设备
  • 画布
  • 界面
  • 页面导航
  • 开放接口
  • 行业开放
  • 第三方平台
  • 其它
  • CameraContext.setZoom
    收藏
    我的收藏

    基础库 1.78.0 开始支持本方法,这是一个异步方法。

    设置 Camera 缩放级别。

    前提条件
    业务背景
    使用限制
    注意事项
    Tip:开发者工具暂不支持此能力,请用真机扫码调试。
    支持沙盒
    相关教程

    语法

    CameraContext.setZoom(options)

    参数说明

    options 为 object 类型,属性如下:

    属性名类型默认值必填说明最低支持版本
    zoomnumber
    缩放级别,范围[1, maxZoom]。zoom 可取小数,精确到小数后一位。maxZoom 可在 bindinitdone 返回值中获取
    1.78.0
    successfunction
    接口调用成功的回调函数
    1.78.0
    failfunction
    接口调用失败的回调函数
    1.78.0
    completefunction
    接口调用结束的回调函数(调用成功、失败都会执行)
    1.78.0

    zoom 参数说明

    传参

    表现

    合法且在范围内

    正常

    不传 或 非 number 类型

    报错 "invalid zoom"

    > maxzoom

    默认 maxzoom

    回调成功

    object 类型,属性如下:

    属性名类型说明最低支持版本
    errMsgstring
    "CameraContext.setZoom:ok"
    1.78.0
    zoomnumber
    实际设置的缩放级别。由于系统限制,某些机型可能无法设置成指定值,会改用最接近的可设值。
    1.78.0

    回调失败

    object 类型,属性如下:

    属性名类型说明最低支持版本
    errMsgstring
    "CameraContext.setZoom:fail" + 详细错误信息
    1.78.0

    扫码体验

    请使用字节宿主APP扫码

    代码示例

    开发者工具中预览

    <!-- index.ttml --> <camera class="camera" device-position="back" flash="off" bindinitdone="initdone" bindstop="onStop" binderror="onError"> </camera> <button type="primary" bindtap="setZoom">设置缩放级别</button>
    // index.js Page({ data: { counter: 0, }, onLoad: function (options) { tt.getSetting({ success: (res) => { let cameraAllowed = res.authSetting["scope.camera"]; if (!cameraAllowed) { tt.showToast({ title: "请授权相机后重新进入" }); } }, fail: (err) => { tt.showModal({ title: "获取授权失败", content: JSON.stringify(err), }); }, }); }, setZoom() { this.ctx = tt.createCameraContext(); this.ctx.setZoom({ zoom: 5, success(res) { tt.showToast({ title: "设置 zoom 为" + res.zoom, // 内容 }); }, fail(err) { tt.showModal({ content: "设置缩放失败:" + JSON.stringify(err), }); }, }); }, onError(err) { tt.showModal({ title: "相机出错了", content: JSON.stringify(err), }); }, });