Слияние изображений с помощью JavaScript
Тема: Слияние изображений с помощью JavaScript
Вопрос: Возможно ли объединить изображения с использованием JavaScript?
У меня есть две прямоугольные картинки в формате .jpg или .png одинакового размера, и мне нужно их совместить бок о бок, создав новое изображение в формате .jpg или .png. Как это можно сделать? Есть ли готовые решения или библиотеки, которые могут помочь в этой задаче?
1 ответ(ов)
Хуỳnh Quốc Phong частично прав:
Вы можете использовать элемент Canvas для объединения изображений. Однако они могут иметь разные домены. Просто загрузите изображения в ваш DOM. Как только изображения загружены (это можно проверить с помощью JavaScript, смотрите ниже), вы можете использовать их в вашем canvas.
var canvas = canvasBuild.getContext('2d'); // Убедитесь, что вы выбираете правильный контекст
var img = document.getElementById('mergePic1');
canvas.drawImage(img, 0, 0);
Чтобы проверить, были ли изображения загружены, я бы рекомендовал использовать плагин jQuery imagesLoaded, но это также можно сделать и без него.
Где найти документацию по форматированию даты в JavaScript?
Как определить нажатие клавиши Esc?
Как проверить, содержит ли массив строку в TypeScript?
Ссылка и выполнение внешнего JavaScript-файла, размещенного на GitHub
Как остановить Babel от трансформации 'this' в 'undefined' и добавления "use strict"