canvas画图是以这个canvas左上角为原点的。
比如假设你这个紫色方块，左上角的坐标是 100,100。
当你鼠标在（50,50）点击的时候
他会在举例紫方块左上角X+50,Y+50的地方画圆
这个可能我表达的不太清楚，你试一下就知道了。

大牛是啥？

Canvas只是用来绘制图形的，没有别的功能。如果你需要操纵里面的东西，那只能自己做了。比如想要拖拽那个方块，就需要记录下这个方块的位置大小颜色等等，然后拖拽的时候不断的擦除重画来达到被拖拽的效果。
你可以在鼠标画图的时候创建一个设置了拖拽行为的透明object，然后给他设置大小和绘制的图形吻合。拖拽事件的后面就写上擦除上次绘制的位置，然后重新绘制到新的位置去。

第三个问题比较简单，鼠标点击的时候用数据记录下现在已经点下第一个点，然后再点击的时候用这个数据来判断是不是第一次点击。如果是第一次就用moveTo，否则就用lineTo，这样就会从第一个点一直划线到最后一个点。
可能你还需要一个按钮用来结束绘制，也就是重设那个值，之后就可以画新的路径了。

我用div那个插件 在innerdiv中写入
<div style="background:red;width:20px;height:30px;"></div>
报错 这个是怎么回事

@我爱20076
我使用最新的canvas插件(ver. 2.0)是可以加<Drag&drop>的。
2. 加入state的概念：