HTML 5 Canvas Website

-2

У меня есть вопрос относительно использования холста для создания вашего сайта.HTML 5 Canvas Website

Пример: hellomonday.com

Я ищу, чтобы создать более интерактивный веб-сайт с холстом, и в приведенном выше примере очень хорошо сделано.

Кажется, что они используют fabric.js, но я не вижу никаких элементов холста. Есть ли трюк, который мне не хватает? Неясный вопрос, но я не был уверен, как получить эту информацию, пытаясь исследовать это в течение нескольких часов.

источник

2016-01-14 Jamie000012

_ "но я не вижу никаких элементов холста" _ - где вы _look_? Если вы проверили только исходный исходный HTML-код, они могли бы быть созданы динамически через скрипт позже. Используйте 'document.querySelectorAll ('canvas')' в консоли браузера, чтобы помочь вам найти их. – CBroe

Они не используют холст – Reinard

Это не использует fabric.js и не использует элемент canvas. Все переходы обрабатываются с помощью GreenSock tweenMax (un-minify main js file).

источник

2016-01-14 20:10:55 Korgrue

Спасибо @korgrue, я буду принимать это как правильный ответ, поскольку кажется, что я совершенно неправильно понял, как этот сайт был построен. builtwith.com только обнаружил fabric.js, что привело меня к неправильному лидерству! – Jamie000012

Я не видел ни одного скрипта fabric.js, но учитывая, что они застряли весь скрипт на одном, тысячах строк JS-документа - возможно, они используют Fabric в некоторой части сборки (я просто не видел библиотеку в js doc), но переходы между «страницами» определенно анимируются с помощью tweenMax и без холста. – Korgrue

Большое спасибо, сейчас играем с tweenMax и понимаем, как они оживляют все те элементы, как переключение страниц. Очень умный материал от них. :-) – Jamie000012

HTML 5 Canvas Website

ответ

Смежные вопросы