Question

我需要在图标顶部设置一个文本但是到现在为止。我正在使用chrome扩展中的setbadgetext，如下所示

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

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

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

Answer 1

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

您需要在正确的位置快速绘制带有文本的图标（画布）并动态设置。

来自chrome.browserAction docs：

ImageDataType

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

来自Dynamic Chrome Extension Icons的示例：

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

另见Drawing text using a canvas

如何在Chrome扩展程序图标顶部设置文字

1 个答案: