У меня есть canvas, который я преобразовать в изображение, как это так,вращение холста после преобразования его в изображение в JS
var can = document.getElementById('canvas');
var ctx = can.getContext('2d');
var img = new Image();
img.src = can.toDataURL();
Мне нужно повернуть этот образ сейчас? Является ли это возможным?
Вам нужно создать новый холст, вращать его 2dDrawingContext, рисовать свои данные изображения к нему, а затем установить его в качестве источника
var canvas = document.createElement('canvas');
var ctx2 = canvas.getContext('2d');
ctx2.rotate(Math.PI/2);
ctx2.putImageData(ctx.getImageData(0, 0, ctx.canvas.width, ctx.canvas.height), 0, 0);
Оттуда вы можете позвонить ctx2.toDataURL() и хлопнуть его в изображении.
Извините, я не думаю, что это дубликат. Мне нужно, чтобы это выполнялось в js не в css. Потому что я переношу изображение в новое окно, когда он будет вращаться. –
Второй ответ (http://stackoverflow.com/a/29398757/1693593), где размер холста отражается относительно вращения, вероятно, вы хотите в своем случае. – K3N
Решил это спасибо :) –