Разобрался что быстрее? тестировал отрисовку в хроме с тротлингом, стало интересно это тротлинг так влияет или картина и вправду такая как получилась у меня
рисуются почти одинокого при отрисовке по одному квадрату за раз:
что - fillRect()
что - ctx.beginPath() ctx.moveTo() ctx.lineTo() ctx.stroke()
просадки начинаются когда рисуешь группами:
так - n*раз rect() и в конце вызвать fill()
или - n*раз ctx.moveTo() + ctx.lineTo() и в конце вызвать ctx.stroke()
