请教各位 如何实现这个箭头功能呢

[蜗牛慢慢趴]

图片里面的箭头是我截图加进去的
我想实现从start一个箭头指到End 这个位置 ，应该是怎样个思路啊 请大家指到一下 谢谢
控件是gridview

[object-null]

自定义table绑定数据，判断是否在Start之后End之前：改变样式class（自定义样式class）

[insus]

尝试把表格合并，然后放置一个箭头

[蜗牛慢慢趴]

引用 2 楼 insus 的回复:

尝试把表格合并，然后放置一个箭头

可是我不知道start从哪开始end在哪 那么箭头长度就不对啦 应该如何处理呢

[by_封爱]

不需要改结构. 本身的GridView是没有线的 那么 你使用Jquery找到每行个tr中的td中的start定义位置X 找到tr>td中的end 定义y 那么 使用canvas(html5)可以实现.

[by_封爱]

比如

$("#g1").find("tr").each(function(){
   var x=$(this).find("td>a[start]").offset().top; 
   var y=$(this).find("td>a[end]").offset().left; 
    //至于GridView绑定模板列里面的a的如何定义是你自己的事了..
     var canvas =document.getElementById("canvas");     
     var context2D =canvas.getContext("2d");  
      //后面就是画了
    // 可以把整个画布定义成全局 把所有的东西都画到一个面板上..  至于如何划线  无非就是moveTo lineTo
});

[蜗牛慢慢趴]

引用 5 楼 diaodiaop 的回复:

比如

$("#g1").find("tr").each(function(){
   var x=$(this).find("td>a[start]").offset().top; 
   var y=$(this).find("td>a[end]").offset().left; 
    //至于GridView绑定模板列里面的a的如何定义是你自己的事了..
     var canvas =document.getElementById("canvas");     
     var context2D =canvas.getContext("2d");  
      //后面就是画了
    // 可以把整个画布定义成全局 把所有的东西都画到一个面板上..  至于如何划线  无非就是moveTo lineTo
});

谢谢 研究一下

[insus]

引用 3 楼 q644415569 的回复:

[quote=引用 2 楼 insus 的回复:] 尝试把表格合并，然后放置一个箭头

可是我不知道start从哪开始end在哪 那么箭头长度就不对啦 应该如何处理呢[/quote] 参考这个怎样合并： http://bbs.csdn.net/topics/390587371

[吹风的兔子]

引用 5 楼 diaodiaop 的回复:

比如

$("#g1").find("tr").each(function(){
   var x=$(this).find("td>a[start]").offset().top; 
   var y=$(this).find("td>a[end]").offset().left; 
    //至于GridView绑定模板列里面的a的如何定义是你自己的事了..
     var canvas =document.getElementById("canvas");     
     var context2D =canvas.getContext("2d");  
      //后面就是画了
    // 可以把整个画布定义成全局 把所有的东西都画到一个面板上..  至于如何划线  无非就是moveTo lineTo
});

能想到 此法的，必然是 大神！！

[epui2008]

考虑用js 画箭头

[蜗牛慢慢趴]

还是不会啊