редактирование изображения в кодировке base64 на лету с помощью javascript

#javascript #jquery #image #image-processing

#javascript #jquery #изображение #обработка изображений

Вопрос:

Можно ли редактировать (изменять размер, переворачивать и т.д.) Изображение в кодировке base64 непосредственно через javascript?

Комментарии:

1. Использование canvas: developer.mozilla.org/en/HTML/Canvas , используя CSS: developer.mozilla.org/en/CSS/transform

Ответ №1:

Да, это возможно с помощью HTML5. Просто загрузите строку base64 в качестве источника изображения <img src="data:image/png;base64,iVBORw0KGgo... , а затем добавьте ее в элемент canvas (используя drawImage метод контекста canvas) и делайте с ней все, что хотите.

Ответ №2:

Да, вы можете, как только оно окажется в структуре DOM, не имеет значения, является ли это base64 или внешним изображением, вы можете манипулировать им так же, как и любым другим элементом DOM.

Использование его в качестве фонового изображения (а затем манипулирование удерживающим элементом) непосредственно в теге img или вставка его с новым изображением javascripts (а затем создание элемента img) не имеет значения, если оно находится в DOM.

Вы можете конвертировать свои изображения онлайн в один из многих конвертеров, этот использует только html5: base64img.com