У меня есть страница html со многими элементами dom. То, что я хочу сделать, это сделать летающие частицы поверх страницы html при нажатии кнопки с эскизом. js.
См. Этот пример:
http://soulwire.github.io/sketch.js/examples/particles.html
Вот что я хочу сделать. При нажатии кнопки 'main-button', летающие частицы будут отображаться поверх.
<div id=“main-page>
…many stuff
</div>
<div id=‘main-button’>
</div>
sketch. js создать холст для заданного идентификатора div. Без него работает нормально. Но при этом создается холст, который покрывает «главную страницу», которая является целым окном. Вы больше не увидите элемент dom.
Если эскиз. js не предназначен для этого, как изменить эскиз. js для достижения цели? Можно ли смешивать элементы canvas и html dom с холстом, чтобы они были прозрачными?
Образец в http://soulwire.github.io/sketch.js/examples/particles.html состоит в том, чтобы занять положение мыши для генерации частиц. Это не важно для меня. Случайно сгенерированная позиция достаточно хороша для меня.