Javascript - объединение / наложение изображений

Question

Мне нужно сгенерировать новое изображение с наложением двух удаленных изображений, а затем получить кодировку base64 сгенерированного изображения.

Большинство найденных мной решений основаны на том факте, что эти изображения должны располагаться на одном и том же изображении.Сервер веб-сайта:

• Объединение двух dataURI для создания одного изображения
• Объединение нескольких холстов и загрузка в виде изображения

Затем, глядя на какой-то источник, я нашел кого-то, используя указанный ниже базовый URL для наложения двух изображений:

https://i.vimeocdn.com/filter/overlay?src=url-1&src=url-2

Пример: https://i.vimeocdn.com/filter/overlay?src=http://www.backgroundsy.com/file/large/warm-colors-background.jpg&src=https://cdn3.iconfinder.com/data/icons/3d-printing-icon-set/256/Pause.png

Кажется, это связано с API-интерфейсом vimeo.Это безопасный способ сделать это?

Answer 1

Я мог бы предоставить тактику для решения этой проблемы в ответе на несколько похожий пост:

https://stackoverflow.com/a/52634041/2888452

Однако я явно загружаю два файла, а не выбираю внешние местоположения. Я не уверен, как междоменные протоколы будут обрабатывать изображения, на которые прямо ссылаются другие домены. Может быть, вы можете использовать созданную мною Fiddler и попробовать ссылаться на внешние активы?

Ура!