SVG-basiertes Kilometerzähler-Plug-in für digitale Bewegungsunschärfe-Spezialeffekte

<div class="js-odoo"></div>

CSS-Stil

Sie können die Schriftart und Farbe der Zahlen und anderer Attribute anpassen.

.js-odoo {
  font-size: 60px;
  font-family: Roboto;
  fill: #fff;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

Initialisierung des Plug-Ins

Sie können das odoo.js-Plug-In mit der folgenden Methode initialisieren.

odoo.default({ el:'.js-odoo',value:'￥68,123,000' })

Sie können die Standardkonfigurationsparameter auch während der Initialisierung ändern.

odoo.default({
  el: '.js-odoo',
  value: '£42,000,000',
  lineHeight: 1.35,
  letterSpacing: 1,
  animationDelay: 100,
  letterAnimationDelay: 100
});

Wenn Sie die Kilometerzähler-Animation abbrechen möchten, können Sie die Methode cancel() aufrufen.

const cancel = odoo.default({ el: '.js-odoo', value: '£42,000,000' });
cancel();

Das Obige ist der Inhalt des auf SVG basierenden Odometer-Plugins für digitale Bewegungsunschärfe. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (m.sbmmt.com).