圖像src更改，但不是實際圖像

我通過單擊按鈕更改圖像。我可以在src代碼中看到圖像已更改，但實際圖像在瀏覽器中未更改。怎麼回事，以及如何解決它？圖像src更改，但不是實際圖像

// AvatarGenerator.eyes = 1; 

moveRightBtn.on('click', function(){ 
    var newImage = 'eyes' + (AvatarGenerator.eyes + 1) + '.png'; 

    $('#eyesImg').attr('src','img/' + newImage); 
});

編輯：我創建的實際工作一個的jsfiddle，但事情是，我使用fabric.js（畫布框架），這可能是它不工作，甚至想過我能的原因不明白爲什麼。 :(

來源

2013-05-02 holyredbeard

你能爲此創建一個jsFiddle嗎？ – j08691 2013-05-02 15:03:25

與fabric.js有關的任何控制檯錯誤？ – tymeJV 2013-05-02 15:16:22

@tymeJV：完全沒有控制檯錯誤。 – holyredbeard 2013-05-02 15:18:28

你fabric.js代碼：

var canvas = new fabric.Canvas('canvas'); 

var imgInstance = new fabric.Image(imgElement, { 
    left: 100, 
    top: 100, 
    angle: 30, 
    opacity: 0.85 
}); 

canvas.add(imgInstance);

「郵票」一視覺複製圖像到畫布上的畫布不持有任何種類的原始圖像元素的引用，因爲畫布只是一個啞像素像素，畫布不知道任何東西約它們代表什麼，它們只是保存像素數據

因此，當用於「標記」的原始圖像元素改變，畫布上的「印記」像素沒有理由查閱NGE。相反，您需要重新運行fabric.js代碼以將新像素添加到畫布上。

來源

2013-05-02 17:12:26 apsillers

圖像src更改，但不是實際圖像

回答

相關問題