| OLD | NEW |
|---|
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <script> | 3 <script> |
| 4 // Called when the user clicks on the browser action. | 4 // Called when the user clicks on the browser action. |
| 5 var i = 1; | 5 var i = 0; |
| 6 chrome.browserAction.onClicked.addListener(function(windowId) { | 6 chrome.browserAction.onClicked.addListener(function(windowId) { |
| 7 chrome.browserAction.setName("Ouch" + i); i++; | 7 i++; |
| 8 chrome.browserAction.setIcon(i % 2); | 8 chrome.browserAction.setName("Ouch" + i); |
| 9 if (i < 4) { |
| 10 chrome.browserAction.setIcon(i % 2); |
| 11 } else { |
| 12 var image = draw(i * 2, i * 4); |
| 13 chrome.browserAction.setIcon(image); |
| 14 } |
| 9 }); | 15 }); |
| 16 |
| 17 function draw(starty, startx) { |
| 18 var canvas = document.getElementById('canvas'); |
| 19 var context = canvas.getContext('2d'); |
| 20 context.clearRect(0, 0, canvas.width, canvas.height); |
| 21 context.fillStyle = "rgba(0,200,0,255)"; |
| 22 context.fillRect(startx % 20, starty % 20, 8, 8); |
| 23 context.fillStyle = "rgba(0,0,200,255)"; |
| 24 context.fillRect((startx + 5) % 20, (starty + 5) % 20, 8, 8); |
| 25 context.fillStyle = "rgba(200,0,0,255)"; |
| 26 context.fillRect((startx + 10) % 20, (starty + 10) % 20, 8, 8); |
| 27 return context.getImageData(0, 0, 20, 20); |
| 28 } |
| 10 </script> | 29 </script> |
| 11 </head> | 30 </head> |
| 31 <body> |
| 32 <canvas id="canvas" width="20" height="20"></canvas> |
| 33 </body> |
| 12 </html> | 34 </html> |
| 13 | 35 |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 242150:
Implement browserAction.setIcon(ImageData) for extensions. (Closed)
