路径内的raphael绑定图像

Question

我有以下简单的Raphael代码：

var paper = Raphael('paper', '512', '512');
    var draggableImage = paper.image("testimage.png", 10, 10 , 80, 80 );
    var path = paper.path("...");
    path.attr({
      id: 'path',
      fill: 'none',
      stroke: '#000000',
      "stroke-width": '1',
      "stroke-linecap": 'butt',
      "stroke-linejoin": 'miter',
      "stroke-opacity": '1'
    }).data('id', 'path');
    paper.freeTransform(draggableImage);

我希望draggableImage只能将path拖入{{1}}。

实际上，如果在移动它的过程中，将它部分地带到路径之外，我只想看到留在路径中的部分。

我怎样才能实现这个棘手的事情？