크롬 확장 : ... URL

Question

에서 아이콘이 크롬 확장 프로그램을 만들려고, 나를 넘어 어떤 이유로, 나는 다른 곳에서 호스팅 URL에서 이미지를로드 할

{ 
    "name": "Name", 
    "version": "1.0", 
    "manifest_version": 1, 
    "description": "A something something something", 
    "browser_action": { 
    "default_icon": "favicon.ico", 
    "default_popup": "popup.html" 
    }, 
    "icons": { 
    "128": "logo_white.gif" 
    } 

} 

어떻게의 favicon.ico를로드 할 수 있습니다 and logo_white.gif를 http://www.example.com/favicon.ico과 http://www.example.com/logo_white.gif에서 대신 사용 하시겠습니까? 크롬 확장과 JSON 사용에 익숙하지 않기 때문에 당황 스럽습니다.

감사합니다.

Answer 1

는 그런 다음, 캔버스 객체에 스틱 imageData의를 추출하고 setIcon API에 그것을 통과, 이미지 태그로 런타임에 데이터를로드 할 수 있습니다. 하여 트릭을 할 것 background.js에 다음과 같은

뭔가 :

var canvas = document.createElement("canvas"); 
var img = new Image(); 
img.onload = function() { 
    document.body.appendChild(canvas); 
    var context = canvas.getContext("2d"); 
    context.drawImage(this, 0, 0); 
    var imageData = context.getImageData(0, 0, img.width, img.height); 
    chrome.browserAction.setIcon({imageData: imageData}); 
} 
img.src = "http://www.example.com/logo_white.gif"; 

Answer 2

연장 외부에있는 아이콘은 사용할 수 없습니다. 내선이 로컬 컴퓨터에 설치되며 인터넷 연결이 없을 때 Google 크롬에서 내선 아이콘을 가져올 수 있어야합니다.