用canvas 实线 画虚线小结

   画虚线过程 主要使用

 说明下(bLeft:起点左边的left;eLeft:终点左边的left;bTop:起点左边的top值;eTop:终点坐标的top值)

ctx canvas对象 

同时记录下判断是一个区间的时候如何使用switch  case

 

var per_Left = parseFloat((bLeft-eLeft)/i);
var per_Top = parseFloat((bTop-eTop)/i);
for(var k=0;k<i;i++){

ctx.fillRect(eLeft + k*per_Left ,eTop + k*per_Top,3,3)
}  


switch(true){
 case com_value>50 && com_value<100:
      ...
      break;
 
}

回过头来我发现这篇博文有很多问题。我似乎误人子弟很久了。。。

 

重新说明下：以上的这种方法确实比较傻。我是一个个去画点（本着线是由点构成的原理。。。）。

 

其实有种方法更简单。我们画的线是可以填充样式的。。所以 方法就很简单了。向我们画的线里面填充一个图片这个图片就是一个个黑点