Is there a good algorithmic way to combine multiple squares (each has four x/y points) to draw an outline of the joined figured in canvas?
The figures I would want to make sure work are as follows:
- two squares joined to make a rectangle
- four squares joined to make a larger square
- two squares that are diagonal like a rectangle with triangles at each end at 45 degrees - this is probably the most irregular/special case...
- three or four squares joined to make a concave shape like a Tetris(TM) piece 'L' piece
Is there an easy way to calculate the outer points to use to draw a line path (and maybe a filled figure) from all of the squares points?
**Update:** the reason we want to do this is because we want to show squares that are of the same group that are next to each other in a 2xn array specifically (but could also be 1xn in some cases). Maybe there is an easier answer if I just iterate through the different squares and form groupings some other way? Any language preference?
以上就是Draw outline of combined rectangles in canvas的详细内容，更多请关注web前端其它相关文章！