CanvasContext.measureText

解釋?zhuān)簻y(cè)量文本尺寸信息，目前僅返回文本寬度，同步接口。

方法參數(shù)

String text ：要測(cè)量的文本。

返回值

返回 TextMetrics 對(duì)象，結(jié)構(gòu)如下：

示例 

在開(kāi)發(fā)者工具中打開(kāi)

圖片示例

代碼示例

<view class="wrap">
    <view>在此輸入文本信息</view>
    <input class="ipt" bindinput="keyInput"></input>
    <button type="primary" bindtap="measureText">點(diǎn)擊獲取文本信息的長(zhǎng)度</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('文本信息長(zhǎng)度為', metrics.width);
        swan.showModal({
            title: '文本信息長(zhǎng)度為',
            content: JSON.stringify(metrics.width)
        });
    }
});

錯(cuò)誤碼

Android

iOS