canvas так, чтобы они схлопнулись с эффектом типа умножения, и чтобы одна была тусклее/прозрачнее.
1) Нагуглил быстый пример, как нарисовать картинку: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage
Накодил свой пример и убедился, что у меня вывелась одна картинка.
2) Нагуглил, как задать эффект: https://www.html5canvastutorials.com/advanced/html5-canvas-drawing-effects/
Пример не понравился, но в коде я увидел ctx.globalCompositeOperation, и загуглил отдельно: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
Подобрал себе эффект, и добавил его в код отображения второй картинки.
3) Нагуглил, как выводить изображения с заданной прозрачностью: https://stackoverflow.com/questions/18949122/javascript-canvas-change-the-opacity-of-image
Всё, шаблон функциональности проекта готов. Можно ли сказать, что я «нашёл готовый код»? Да вроде нет, я просто узнал, как вызывать те функции, которые мне нужны.
Можно ли сказать, что я только что изучил Canvas API? Да не, я его и раньше знал, просто не всё же в голове хранить, и вообще я раньше может одни только линии рисовал, а не картинки с эффектами накладывал.
я также действию, не имея экспертных знаний.
Ну по canvas инфа есть , а по корзине только к Лущенко есть
Обсуждают сегодня