CanvasContext.measureText
2020-08-26 16:38 更新
解释:测量文本尺寸信息,目前仅返回文本宽度,同步接口。
方法参数
String text :要测量的文本。
返回值
返回 TextMetrics 对象,结构如下:
参数名 | 类型 | 说明 |
---|---|---|
width | Number | 文本的宽度 |
示例
图片示例
代码示例
<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 | 解析失败,请检查参数是否正确。 |
以上内容是否对您有帮助:
更多建议: