Получение ссылки на изображение, загруженное в HTML 5 Canvas

Question

Я загружаю изображение в HTML 5 Canvas, используя метод drawImage.Как мне получить ссылку на это изображение позже (возможно, при каком-то событии, нажатом мышью), чтобы я мог выполнить преобразование в изображение (например, поворот)?

Answer 1

Сохранить ссылку на объект Image, который вы использовали для рисования на холст.

Затем

1. Удалить холст (clearRect)
2. Выполнить преобразованияиспользуя контекст холста
3. Нарисуйте изображение еще раз
4. Перейдите к 1, когда вам нужно обновить холст

Answer 2

Вы не можете. Как только он нарисован на холсте, это всего лишь пиксели. Нет ссылки на первоисточник на холсте. Если вы хотите сохранить информацию о состоянии, вы должны сделать это самостоятельно. В качестве альтернативы используйте SVG , который сохраняет внутренний DOM.