css-unit-converter-js NPM-Paketversion

Lernen Sie unsere neue JavaScript-Bibliothek kennen, mit der Sie alle gängigen Cascading Style Sheet-Einheiten mit hoher Genauigkeit konvertieren können. Sie bietet viele JavaScript-Methoden zum Konvertieren von Einheiten von einer in eine andere. Die Bibliothek unterstützt fast alle CSS-Einheiten.

Die Bibliothek ist für ein besseres Entwicklungserlebnis mit TypeScript geschrieben.

Schauen Sie sich die Bibliotheksseite in npm.js an

Schauen Sie sich die Bibliotheksseite in GitHub an

Verwendung

Ein einfaches Anwendungsbeispiel in JavaScript

import { pxToRem, remToPx, pxToVw } from 'css-unit-converter-js';

// Konvertieren Sie px in rem basierend auf der Rem-Größe (standardmäßig 16px).
pxToRem(24); // => 1.5

// Rem in px umwandeln, basierend auf der Rem-Größe (standardmäßig 16px)
remToPx(1.5); // => 24

// Konvertieren Sie px in rem basierend auf der angegebenen rem-Größe (32px).
pxToRem(16, 32); // => 0.5

// Konvertieren Sie px in vw basierend auf der angegebenen Ansichtsfensterbreite (1920px).
pxToVw(192, 1920); // => 10

Ein Beispiel für erweiterte Nutzung durch Anwendung der Rundung von Bruchteilen

import { pxToVw } from 'css-unit-converter-js';

// Standardmäßig wird die Rundung von Dezimalstellen auf bis zu 3 Ziffern angewendet.
pxToVw(23, 1920); // => 1.198

// Rundung von Dezimalzahlen ändern
pxToVw(23, 1920, { fractionDigits: 5 }); // => 1.19792

// Runden von Dezimalstellen deaktivieren
pxToVw(23, 1920, { fraction: false }); // => 1.1979166666666667

Merkmale

Hier ist die Liste der Methoden zur Einheitenumrechnung, die die Bibliothek bereitstellt.

Konverter - Der Name der Methode

Argumente - Die Liste der Argumente, die die Methode zur Konvertierung akzeptiert

Konverter	Argumente
pxToRem	px, remSize
pxToEm	px, emSize
pxToVw	px, viewportWidth
pxToVh	px, viewportHeight
pxToPt	px
pxToIn	px
pxToPc	px
pxToCm	px
pxToMm	px
pxToPercentage	px, base
remToPx	rem, remSize
remToEm	rem, remSize, emSize
remToVw	rem, remSize, viewportWidth
remToVh	rem, remSize, viewportHeight
remToPt	rem, remSize
remToIn	rem, remSize
remToPc	rem, remSize
remToCm	rem, remSize
remToMm	rem, remSize
remToPercentage	rem, remSize, base
emToPx	em, emSize
emToRem	em, emSize, remSize
emToVw	em, emSize, viewportWidth
emToVh	em, emSize, viewportHeight
emToPt	em, emSize
emToIn	em, emSize
emToPc	em, emSize
emToCm	em, emSize
emToMm	em, emSize
emToPercentage	em, emSize, base
vwToPx	vw, viewportWidth
vwToRem	vw, viewportWidth, remSize
vwToEm	vw, viewportWidth, emSize
vwToVh	vw, viewportWidth, viewportHeight
vwToPt	vw, viewportWidth
vwToIn	vw, viewportWidth
vwToPc	vw, viewportWidth
vwToCm	vw, viewportWidth
vwToMm	vw, viewportWidth
vwToPercentage	vw, viewportWidth, base
vhToPx	vh, viewportHeight
vhToRem	vh, viewportHeight, remSize
vhToEm	vh, viewportHeight, emSize
vhToVw	vh, viewportHeight, viewportWidth
vhToPt	vh, viewportHeight
vhToIn	vh, viewportHeight
vhToPc	vh, viewportHeight
vhToCm	vh, viewportHeight
vhToMm	vh, viewportHeight
vhToPercentage	vh, viewportHeight, base
ptToPx	pt
ptToRem	pt, remSize
ptToEm	pt, emSize
ptToVw	pt, viewportWidth
ptToVh	pt, viewportHeight
ptToIn	pt
ptToPc	pt
ptToCm	pt
ptToMm	pt
ptToPercentage	pt, base
inToPx	inch
inToRem	inch, remSize
inToEm	inch, emSize
inToVw	inch, viewportWidth
inToVh	inch, viewportHeight
inToPt	inch
inToPc	inch
inToCm	inch
inToMm	inch
inToPercentage	inch, base
pcToPx	pc
pcToRem	pc, remSize
pcToEm	pc, emSize
pcToVw	pc, viewportWidth
pcToVh	pc, viewportHeight
pcToPt	pc
pcToIn	pc
pcToCm	pc
pcToMm	pc
pcToPercentage	pc, base
cmToPx	cm
cmToRem	cm, remSize
cmToEm	cm, emSize
cmToVw	cm, viewportWidth
cmToVh	cm, viewportHeight
cmToPt	cm
cmToIn	cm
cmToPc	cm
cmToMm	cm
cmToPercentage	cm, base
mmToPx	mm
mmToRem	mm, remSize
mmToEm	mm, emSize
mmToVw	mm, viewportWidth
mmToVh	mm, viewportHeight
mmToPt	mm
mmToIn	mm
mmToPc	cm
mmToCm	mm
mmToPercentage	mm, base
percentageToPx	percent, base
percentageToRem	percent, base, remSize
percentageToEm	percent, base, emSize
percentageToVw	percent, base, viewportWidth
percentageToVh	percent, base, viewportHeight
percentageToPt	percent, base
percentageToIn	percent, base
percentageToPc	percent, base
percentageToCm	percent, base
percentageToMm	percent, base

Abschluss

Wir haben eine sehr nützliche Funktion für Frontend-Entwickler entwickelt, um die CSS-Einheitenkonvertierung in JavaScript schneller und einfacher zu machen. Wenn Sie Fragen oder Bedenken haben, können Sie uns jederzeit kontaktieren. Wir hoffen, Ihnen gefällt diese Bibliothek.