canvas的context.measureText

context.measureText()是HTML5 Canvas中的一个方法，用于测量给定文本在画布上的宽度。它返回一个包含文本宽度信息的对象。

使用该方法时，需要先获取到CanvasRenderingContext2D对象的引用，通常可以通过调用canvas.getContext(‘2d’)来获取。然后，可以使用该对象的measureText()方法来测量文本的宽度。

示例代码如下：

// 获取CanvasRenderingContext2D对象
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');

// 设置字体样式
context.font = '24px Arial';

// 测量文本宽度
var text = 'Hello, World!';
var textWidth = context.measureText(text).width;

console.log('文本宽度：', textWidth);

在上述示例中，我们首先获取了CanvasRenderingContext2D对象的引用，然后设置了字体样式为24px Arial。接下来，使用measureText()方法测量了文本"Hello, World!"在当前字体样式下的宽度，并将结果打印到控制台。

注意：由于measureText()方法返回的是一个包含宽度信息的对象，因此需要使用.width属性来获取实际的宽度值。