#Вопрос который я задал вчера, я так увы и не

Question

#Вопрос который я задал вчера, я так увы и не

решил.
Вопрос был про то как отметить отличия на 2 картинках через javascript.

Вот такие варианты решения проблем получил.

1) Высота/ширина картинки, число строк/столбцов известны, так?
Порезать картинку на число квадратов и положить в бекграунды ячеек с background-size: cover. Далее выставляем максимальную ширину блока, и ячейкам даем ширину в процентах. При ресайзе берем текущую ширину и высоту блока и высчитываем пропорционально высоту ячейки. В итоге получим адаптивную картинку. По кликами, например, из дата атрибутов берем значения и складываем в массив. После истечения времени сравниваем полученные значения с ответом. Бинго.)

-это пока звучит как самый работающий вариант но не сильно хочется резать 2 картинки на квадраты. Тем более различия могут быть на стыке квадратов. Ограниченый функционал получается.

2) "Отличия" можно хранить в третьей картинке, того же размера как и обе, с прозрачным фоном и нарисованными разными цветами областями-различиями. Тогда все просто, при клике на картинку пересчитывать координаты клика в координаты клика по картинке, и канвасом проверять "цвет" на тестовой картинке. Найденные цвета - запоминать. Так можно учитывать количество найденных отличий

-этот вариант пробовал но столкнулся с такими проблемами
—- не мог проверить цвет в месте клика на картинке, даже когда она не прозрачная. Не нашёл такого скрипта и функции.

—- не мог выставить поверх картинку, чтобы она идеальна накладывалась на изображение и не смещалась при уменьшении экрана.
У меня там так
<div class=„row”>
<img>
<img>
</div>

Не понимаю куда пихать изображение.
Делать это третим <img> или как background к блоку row

Короче квест есть, решения нет :(
Если кто подскажет то буду благодарен.

#javascript #programming #russian

0

04.09.2019

1 ответов

10 просмотров

Danila · Accepted Answer

Danila

Есть такая олдовая штука в html, image map

0

04.09.2019

169 похожих чатов

#Вопрос который я задал вчера, я так увы и не

1 ответов

Похожие вопросы