使用 jquery 将鼠标悬停在图像上绘制线条和矩形

我在以下教程的帮助下实现了将图像从剪贴板复制到网页：

http://joelb.me/blog/2011/code-snippet-accessing-clipboard-images-with-javascript/

演示 ： www.pasteshack.net

它工作正常。

现在我想使用 jquery 在该图像上实现绘制线条、矩形和圆形等形状。我希望它通过鼠标，以便我可以将其拖放到图像上的任何位置。矩形和圆形必须是透明的，以便我可以将其放置在图像上以识别图像中的错误或故障。

可以使用jquery或javascript吗？是否有任何可用的插件或教程。

提前谢谢。