CanvasContext.measureText

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

# 方法参数

String text:要测量的文本

# 返回值

返回 TextMetrics 对象,结构如下:

参数名 类型 说明
width Number 文本的宽度

# 示例

扫码体验
重新加载
请使用百度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();
            canvasContext.font = 'italic bold 20px cursive';
            const metrics = canvasContext.measureText(data);
            console.log('文本信息长度为', metrics.width);
            swan.showModal({
                title: '文本信息长度为',
                content: JSON.stringify(metrics.width)
            });
        }
    });
    

    # 错误码

    # Android

    错误码 说明
    201 解析失败,请检查调起协议是否合法

    # iOS

    错误码 说明
    202 解析失败,请检查参数是否正确