0
我有一個小小的演示,我設置。FabricJS延遲繪圖?
var image1 = "http://i.imgur.com/b81Wj6O.png";
var image2 = "http://i.imgur.com/vmtt98e.jpg";
var backgroundImage;
var toggle = true;
document.getElementById("button").addEventListener("click", update);
var canvas = new fabric.StaticCanvas('canvas', {
width: 800,
height: 600
});
function update() {
var background;
if (toggle) {
background = image1;
} else {
background = image2;
}
toggle = !toggle;
if(backgroundImage == null) {
fabric.Image.fromURL(background, function(img){
backgroundImage = img;
canvas.add(img);
});
}
else {
backgroundImage.setSrc(background);
}
canvas.renderAll();
}
https://jsfiddle.net/rhLa38dt/
如果你點擊它應該繪製圖像按鈕,我遇到的問題是,當你點擊該按鈕第二次圖像不會更新。然而第三次它會畫出圖像,它應該有第二次,並繼續從那裏總是落後一步。