Question

我觉得很奇怪，我在Fabric.js的演示中找不到实际的拖动处理代码（例如，this one)，但是对象已经“自动”拖动了，这不是我的情况。这是我的代码在外部test.js文件中：

$(function(){
    var canvas = new fabric.Canvas('c');
    canvas.setWidth(window.innerWidth);
    canvas.setHeight(window.innerHeight);
    fabric.Image.fromURL('1.png', function(img) {
      var group = new fabric.Group([img],
        {
          hasBorders: false,
          hasControls: false,
          selectable: true,
          evented: true
        })
      canvas.add(group).setActiveObject(group);
    },
    {
        originX: 'left',
        originY: 'top'
    });
  canvas.renderAll();
});

这是test.html：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>test</title>
  <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
  <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.3.0/fabric.min.js"></script>
  <script type="text/javascript" src="test.js"></script>
</head>
<body>
  <canvas id="c"></canvas>
</body>
</html>

我错过了什么吗？谢谢。

UPDATE ：使用github中最新的fabricjs（1.3.12）解决。

在Fabric.js中拖动

0 个答案: