HTML5拖放字母，但在包含区域内

Question

我需要允许在预定义区域上拖动指针。请参考下图。

1）箭头仅需沿虚线移动。

2）另外，我需要检测箭头指针何时到达虚线的末端。

如何实现？使用可拖动的jQuery还是需要使用HTML5 Canvas？