Javascript 布雷森厄姆&x2019；高光盒的s线绘制算法

我正在寻找这种行为，但使用以下框：

div{
显示：内联块；
宽度：100px；
高度：100px；
边框：1px纯黑；
光标：指针；
}
选定部门，
div:悬停{
背景色：红色；
颜色：白色；
}

A
B
C

A.
B
C

A.
B
C

不清楚你在问什么。我更新了问题。改变盒子的颜色与Bresenham的画线算法有什么关系？因为链接中的人正在使用它？不清楚你在问什么。我更新了问题。改变盒子的颜色与Bresenham的画线算法有什么关系线条绘制算法？因为链接中的人在使用它？

For Bresenham’s Line Generation
Assumptions :
1) Line is drawn from left to right.
2) x1 < x2 and y1< y2
3) Slope of the line is between 0 and 1.
   We draw a line from lower left to upper
   right.