Skip to content

Сравниваем пользовательский результат с эталонным изображением для проверки решения задачи

Notifications You must be signed in to change notification settings

KuzmichevaKsenia/compare-images-test

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Пример задания для проверки навыков владения D3.js с применением технологии сравнения пользовательского результат с эталонным изображением

Реализация

  • Создаем редактор JS кода (Ace)
  • Создаем канвасы, "скриншотим" документы iframe'ов в эти канвасы (с помощью библиотеки rasterizeHTML)
  • Сравниваем канвасы и получаем выходное изображение (с помощью библиотеки js-imagediff)
  • Отрисовываем выходное изображение

Интерфейс

Слева находится редактор js-кода. Справа сверху эталонный результат, а снизу текущий. На скриншотах ниже показан пример работы проверки результата.

Image not found Image not found

Правильные решения можно найти здесь

About

Сравниваем пользовательский результат с эталонным изображением для проверки решения задачи

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages