Button Chrome扩展-Chrome操作按钮的自定义设计

我想定制我的Chrome扩展的扩展操作按钮的设计（视图）

我想知道是否可以使用html而不仅仅是图片。我想按钮显示文本和数字。我想能够更新文本和编号

如果我能生成一个包含所需信息的图像并更改默认按钮图标，我看起来确实很高兴。但我什么也没发现

---

提前感谢

要创建动态浏览器操作图标，请使用；创建画布，向其中添加图像和/或文本，然后将画布的图像数据传递给

下面是一个小示例（请注意，它使用jQuery创建

canvas

元素）：

$（'body'）。追加（“”）；
var myCanvas=document.getElementById（'myCanvas'）；
var context=myCanvas.getContext（'2d'）；
context.fillStyle=“蓝色”；
context.font=“正常9px Arial”；
上下文。填充文本（“foo”，0,19）；
chrome.browserAction.setIcon（{imageData:context.getImageData（0,0,19,19）}）；

请记住，只有19x19像素可供使用，因此字体可能需要非常小

根据您的需要，您可以创造性地将文本创建为图像，并将图像添加到画布，和/或使用

如需进一步阅读，请参阅：

---

要创建动态浏览器操作图标，请使用；创建画布，向其中添加图像和/或文本，然后将画布的图像数据传递给

下面是一个小示例（请注意，它使用jQuery创建

canvas

元素）：

$（'body'）。追加（“”）；
var myCanvas=document.getElementById（'myCanvas'）；
var context=myCanvas.getContext（'2d'）；
context.fillStyle=“蓝色”；
context.font=“正常9px Arial”；
上下文。填充文本（“foo”，0,19）；
chrome.browserAction.setIcon（{imageData:context.getImageData（0,0,19,19）}）；

请记住，只有19x19像素可供使用，因此字体可能需要非常小

根据您的需要，您可以创造性地将文本创建为图像，并将图像添加到画布，和/或使用

如需进一步阅读，请参阅：

---

有可能超过19像素吗？我查阅了文档，我认为不可能有更多像素，也不可能有一个长度为200像素左右的条或其他东西。@Shire-Hmm，上面说可以使用更大尺寸的图标，但它将其大小调整为19x19。你不能有工具栏。有可能有超过19个像素吗？我查阅了文档，我认为不可能有更多的，也不可能有一个200像素左右的工具栏或其他东西。@Shire-Hmm，上面说你可以使用更大的图标，但它将其大小调整为19x19。你不能有工具栏。