Вращающееся изображение javascript

Question

Я хочу повернуть изображение В javascript. Переменная, используемая для изображения в javascript, - heroImage. Я использую jquery rotate, он отлично работает только при вращении изображений в html, но не в javascript. Обычно это выглядит как этот

$("#image").rotate(angle); 

Но это работает только для изображений, созданных в формате HTML.

Это часть кода им в настоящее время с помощью

var heroImage = new Image(); 
heroImage.src = "images/hero.png"; 

и его формовали из холста, если это помогает. проблема в #image может относиться только к элементу html div afaik.

Answer 1

Если переменная heroImage является строка, содержащая имя файла, просто создать новый образ и добавить его в DOM перед вызовом rotate(), f.ex:

var heroImage = 'one.jpg'; 
var image = new Image(); 
image.src = heroImage; 
$('#image').append(image).rotate(angle); 

EDIT Если #image элемент должен быть сам IMG, попробуйте что-то вроде:

var heroImage = 'one.jpg'; 
var image = new Image(); 
image.src = heroImage; 
document.body.appendChild(image); // or wherever you want to put it 
$(image).rotate(angle);