javascript - 如何在 Chrome 扩展图标顶部设置文本

Question

我需要在图标顶部设置一个文本，但现在下降了。我在 chrome 扩展中使用 setbadgetext 如下

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

所以文本 hi 出现在扩展图标的右下角。我希望它在顶部。

请建议。欢迎任何 js hack 或 chrome 添加。

Answer 1

您无法调整徽章中文本的位置。

您将需要在适当的位置动态绘制一个图标（画布）并动态设置它。

来自chrome.browserAction 文档：

图像数据类型

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

来自动态 Chrome 扩展图标的示例：

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
});

另请参阅使用画布绘制文本