Question

HTML5 canvas 问题

html5里的canvas能不能实现下面这样的功能：

在一个canvas画布里面有“A”，“B”两个区域，每个区域都有value属性（0或者1），点击A，再点击B，能在他们之间连上一条直线段，并且把A的value值传给B。

如果不能用canvas的话，能用html5中的其他方法来实现么，怎么实现啊？？？

Answer 1

canvas可以
首先要响应鼠标事件（onmousedown之类）
之后AB必须要创建相应的对象，来记录A,B所在的位置以及大小还有zOrder（层叠位置，在2个对象重叠的时候决定谁在上面），相应的对象放到一个数组里并按zOrder排序
鼠标事件触发后，按照zOrder的顺序来检测鼠标坐标在不在某个对象的区域里，如果在，判断是选择开始还是结束，并相应记录。

连接结束后重绘Canvas

Answer 2

用context.lineto（）方法

Answer 3

连线的话就用ctx.lineto();就行了