2016-11-01 35 views
1

我正在加載fabric.js中的圖像,並嘗試使用this link將平移功能添加到圖像。 但是,它在Firefox,Chrome中正常工作,但在IE中不起作用(它只是呈現圖像)。FabricJS沒有給我movementX和movementY在IE中平移圖像,但它在其他瀏覽器中正常工作

下面的代碼:

var panImg = function() { 
     var panning = false; 
     canvas.on('mouse:up', function (e) { 
      panning = false; 
     }); 
     canvas.on('mouse:out', function (e) { 
      panning = false; 
     }); 
     canvas.on('mouse:down', function (e) { 
      panning = true; 
     }); 
     canvas.on('mouse:move', function(e) { 
      if (panning && e && e.e) { 
       console.log(e.e.movementX); 
       var delta = new fabric.Point(e.e.movementX, e.e.movementY); 
       canvas.relativePan(delta); 
      } 
     }); 
    } 

如果我調試,我所看到的是e.e.movementX給出正確的價值觀在FF和Chrome的情況下,但它在IE瀏覽器的情況下,給出了undefined。 這是一個Fabric.js問題還是我錯過了什麼?

+1

https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/movementY – InferOn

+0

謝謝@ infer-on – subhfyu546754

回答

0

好我與@的幫助下回答推斷上 代碼:

canvas.on('mouse:move', function(e) { 
      if (panning && e && e.e) { 
       var x = e.e.movementX; 
       var y = e.e.movementY; 
       if(!x) { 
        x = e.e.screenX - previousEvent.e.screenX; 
        y = e.e.screenY - previousEvent.e.screenY; 
       } 
       var delta = new fabric.Point(x, y); 
       canvas.relativePan(delta); 
      } 
      previousEvent = e; 
     }); 
+0

但fabricjs的人必須處理它,它會使他們的圖書館更強大:) – subhfyu546754

相關問題