javascript - HTML5 动力学.js : Draggable bound just for the canvas size

Question

我阅读了有关可拖动边界的内容，并希望将其设置为与 Canvas 相同的大小(因为图像在边缘超出了站点范围，这可能吗？

Answer 1

var image = new Kinetic.Image({
    image : img,
    draggable: true,
  x : 100,
  y : 100,
  dragBoundFunc : function(pos) {
    if (pos.x < 0) {
      pos.x =0;
    }
    if (pos.y < 0) {
      pos.y =0;
    }
    if (pos.x > stage.width() - image.width()) {
      pos.x = stage.width() - image.width();
    }
    if (pos.y > stage.height() - image.height()) {
      pos.y = stage.height() - image.height();
    }
    return pos;
  }
});

DEMO