У меня проблемы с текстом в canvas. Не могу вывести два текста подряд с разными rotate и координатами.
Вот код, Текст3 и Текст4 крутятся вместе:
ctx.font = '21px Roboto';
ctx.fillStyle = "#000";
ctx.fillText('Текст1', 140, 33);
ctx.fillText('Текст2', 40, 135);
ctx.translate(20, 10);
ctx.rotate((Math.PI / 180) * (40)); // этот rotate поворачивает и следующий текст
ctx.fillText('Текст3', 20, 10);
ctx.translate(20, 100);
ctx.rotate((Math.PI / 180) * (-60));
ctx.fillText('Текст4', 0, 0);
Наверно я неправильно вывожу. Возможно для текста есть какой то разделитель типа beginPath()
Подскажите, как правильно сделать?