Не понятент вопрос. По идее одного strokeRect() хватает.
На картинке видна проблема, рамка одного прямоугольника залазит на другой. Фикс который нашёл я это moveTo lineTo, но у меня не выходит заполнить цветом получившуюся фигуру, даже прочитал референс на w3 school