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脚本可能会显示浏览器之间的差异。

HTML5 Canvas拖动坐标不好

1 个答案: