Конфетти

Подключение

Подключение на странице:

\Bitrix\Main\UI\Extension::load("ui.confetti");

Через импорт:

import { Confetti } from 'ui.confetti';

Пример вызова

import { Confetti } from 'ui.confetti';

Confetti.fire();
Confetti.create();

С параметрами:
Confetti.fire({
	particleCount: 100,
	spread: 70,
	origin: { y: 0.6 }
});

Глобально:
BX.UI.Confetti.fire();
BX.UI.Confetti.create();

Можно ограничить место появления конфетти, создав собственный элемент canvas и передав его в create:

var canvas = document.getElementById('my-canvas');
var confetti = new BX.UI.Confetti.create(canvas);

confetti({
	spread: 70
});

Весь список доступных параметров можно посмотреть здесь.

Пользовательские комментарии

Мы будем рады, если разработчики добавят свои комментарии по практическому использованию методов системы.

Для этого нужно всего лишь авторизоваться на сайте

Но помните, что Пользовательские комментарии, несмотря на модерацию, не являются официальной документацией. Ответственность за их использование несет сам пользователь.

Также Пользовательские комментарии не являются местом для обсуждения функционала. По подобным вопросам обращайтесь на форумы.

Андрей Чурсин 27.11.2024 11:36:44

Сообщение не промодерировано, возможны ошибки и неточности.

Что можно передать в параметры:

Код

      var particleCount = prop(options, 'particleCount', Math.floor);
      var angle = prop(options, 'angle', Number);
      var spread = prop(options, 'spread', Number);
      var startVelocity = prop(options, 'startVelocity', Number);
      var decay = prop(options, 'decay', Number);
      var gravity = prop(options, 'gravity', Number);
      var colors = prop(options, 'colors');
      var ticks = prop(options, 'ticks', Number);
      var shapes = prop(options, 'shapes');

Наверх