CanvasContext.measureText

解释：测量文本尺寸信息，目前仅返回文本宽度，同步接口。

方法参数

String text：要测量的文本

返回值

返回 TextMetrics 对象，结构如下：

示例

在开发者工具中预览效果

扫码体验

请使用百度APP扫码

图片示例

代码示例

  1. <view class="wrap">    <view>在此输入文本信息</view>    <input class="ipt" bindinput="keyInput"></input>    <button type="primary" bindtap="measureText">点击获取文本信息的长度</button></view>
  1. Page({    data: {        key: ''    },    keyInput(e) {        this.data.key = e.detail.value;    },    measureText() {        let data = this.data.key;        const canvasContext = swan.createCanvasContext('myCanvas');        canvasContext.font = 'italic bold 20px cursive'        const metrics = canvasContext.measureText(data);        console.log(metrics.width);        swan.showModal({            title: '文本信息长度为',            content: JSON.stringify(metrics.width)        });     }});

错误码

Android

iOS