Javascript 如何设置Chrome扩展图标顶部的文本

我需要在图标顶部设置一个文本，但现在开始向下。 我在chrome扩展中使用setbadgetext，如下所示

chrome.tabs.executeScript(tabId, {code: chrome.browserAction.setBadgeText ( { text: 'hi' } )}, function() {
});

因此，文本hi显示在扩展图标的右下角。我希望它位于顶部

---

请提出建议。欢迎添加任何js hack或chrome。您不能调整徽章中文本的位置

您需要在适当的位置动态绘制一个带有文本的图标（画布），并动态设置它

从：

ImageDataType

（imagedata）图像的像素数据。必须是ImageData对象 （例如，来自画布元素）

示例来自：

---

另请参见

Sachleen-您做了哪些更改。可以向我显示所需的代码编号。我需要将文本设置为未读通知的动态计数。在上述代码中不起作用。您尝试过吗？它会起作用的。。。图标上写有文字。你必须跳出框框思考；使用给定的API将无法工作。我有一个正在工作的扩展，在扩展图标的底部动态更新通知计数。只想在顶部！你不能。而不是标准的API。但是您可以放弃

setBadgeText

调用，在实际图标上绘制文本，然后设置图标。这就是我的回答所描述的。

var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
// ...draw to the canvas...
var imageData = context.getImageData(0, 0, 19, 19);
chrome.browserAction.setIcon({
  imageData: imageData
});