#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