Мне нужно решить сложную ситуацию, когда у меня уже есть Canvas element, отрисованный с какими-то текстовыми строками и т. Д. Я не знаю, как и каким образом он был отрисован. Но теперь мне нужно установить преобразование, которое означает вращение, масштабирование и т. Д.
var canvas = document.getElementById("item1-canvas");
var ctx = canvas.getContext("2d");
var angle1 = 0.1;
var angle2 = 0.14;
var cs = Math.cos(angle1), sn = Math.sin(angle1);
var h = Math.cos(angle2);
var a = 100*cs, b = -100*sn, c = 200;
var d = h*100*sn, e = h*100*cs, f = 200;
ctx.setTransform(a, d, b, e, c, f);
Когда я установил трансформацию или что-то еще, холст очистился и его нужно было перерисовать, но я не знаю точного механизма первого рисования. Чтобы решить эту проблему, я подумал о том, чтобы визуализировать холст внутри другого холста, чтобы исходный холст не отображался каким-либо образом. И мы можем установить преобразования второго холста.
Как я могу это сделать?