Я пытаюсь внедрить код, указанный ниже, в свой фон intro-section. Я пытаюсь разместить пунктирную анимированную тему за текстом <p> на моем фоне intro-section.

JSFIDDLE - Моя попытка

Ссылка JSFIDDLE, которую я пытаюсь внедрить в свой фон intro-section

0
Jon Bridge 22 Июн 2017 в 01:34
Добро пожаловать, @Jon Bridge: не могли бы вы пояснить, чего вы пытаетесь достичь и что вы показываете в предоставляемых ссылках?
 – 
Chava Geldzahler
22 Июн 2017 в 01:54
Я пытаюсь разместить пунктирную анимированную тему за текстовой анимацией в первом разделе моего веб-сайта.
 – 
Jon Bridge
22 Июн 2017 в 01:56

1 ответ

Лучший ответ

Если вы посмотрите журнал консоли, вы заметите, что у вас есть ошибка сценария, которая вызывается в строке 48, когда вы пытаетесь запустить следующий блок кода:

var canvas = oCanvas.create({
   canvas: '#canvas',
   background: '#2c3e50',
   fps: 60
});

Это вызвано тем, что вы не включили библиотеку Ocanvas в свою скрипку, но пытаетесь создать объект OCanvas.

Вы можете ссылаться на внешние ресурсы, такие как библиотека Ocanvas, из раздела «Внешние ресурсы» в jsfiddle.

Чтобы разместить холст под приветственным текстом, вы можете позиционировать этот раздел абсолютно. Для этого я определил новый класс css как .header-container и скорректировал отступы .intro-section

Обновленная демо

0
Awad Maharoof 22 Июн 2017 в 02:08
Привет, спасибо за помощь! Можно ли реализовать анимированную тему с пунктирными кругами за текстом <p> на моем фоне intro-section, чтобы он заполнил весь intro-section
 – 
Jon Bridge
22 Июн 2017 в 02:07
Вы можете переместить текст вниз по центру в пределах intro-section: jsfiddle.net/ejm6g7b3
 – 
Chava Geldzahler
22 Июн 2017 в 02:16