jquery - HTML5 Canvas 拖动坐标不好

Question

我需要用 NODEJS 创建一个 Paint Like 画布。我成功创建了。但是，我的坐标有问题。它在 Safari 和 Chrome (MAC OSX) 上完美运行。但是当我用 Firefox 测试它时，'X' 和 'Y' 坐标移动了一点。就像 X 和 Y 中的 50px。我留下代码，有什么想法吗？

$('canvas').live('drag dragstart dragend', function(e) {
      //Color
      var color = '#000000';

    var offset, type, x, y;
    type = e.handleObj.type;
    offset = $(this).offset();
    e.offsetX = e.layerX - offset.left;
    e.offsetY = e.layerY - offset.top;
    x = e.layerX;
    y = e.layerY;
    App.draw(x, y, type, color);
    App.socket.emit('drawClick', {
      x: x,
      y: y,
      type: type,
      color: color
    });

  });

谢谢

Answer 1

不确定，但我得到相同的结果，Firefox 在画布上绘图时似乎没有偏移。也许深入了解 jquery draw canvas 脚本可能会显示浏览器之间的差异。