CanvasContext.measureText

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

方法参数

String text：要测量的文本

返回值

返回 TextMetrics 对象，结构如下：

示例

在开发者工具中预览效果

扫码体验

请使用百度APP扫码

图片示例

代码示例

<view class="wrap">
    <view>在此输入文本信息</view>
    <input class="ipt" bindinput="keyInput"></input>
    <button type="primary" bindtap="measureText">点击获取文本信息的长度</button>
</view>

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