Inhaltsverzeichnis
Technischer Hintergrund
Technische Umsetzung
Experimentelle Ergebnisse
Heim Technologie-Peripheriegeräte KI Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

Apr 11, 2023 pm 09:04 PM
ai 智能

AIGC hat eine neue Magie!

Es ist keine Hand des Animators, keine Gewohnheitserfassung oder Lichterfassung erforderlich. Stellen Sie einfach ein Video bereit und diese KI-Bewegungserfassungssoftware kann die Aktion automatisch ausgeben. In nur wenigen Minuten ist die Animation des virtuellen Menschen abgeschlossen.

Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

Nicht nur die großformatigen Bewegungen der Gliedmaßen, sondern auch die Details der Hände können präzise erfasst werden.

Zusätzlich zu Einzelansichtsvideos kann diese Software auch Mehrfachansichtsvideos unterstützen, die nur die Monokularerkennung unterstützen.

Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

Gleichzeitig unterstützt die Software auch die Bearbeitung und Änderung erkannter Schlüsselpunkte des menschlichen Körpers, Glätte, Schrittdetails usw. Es kann alles befriedigen, vom Erfahrungsinteresse gewöhnlicher Spieler bis hin zu den professionellen Bedürfnissen von Hardcore-Spielern.

Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

Dies ist die AIxPose-Video-Motion-Capture-Software, die seit vielen Jahren von NetEase Interactive Entertainment AI Lab entwickelt, kontinuierlich iterativ optimiert und auf Basis von professionellem Kunst-Feedback zurückhaltend gestaltet wird. Es wird berichtet, dass die Software mehr als Dutzende Stunden an Videoressourcen verarbeitet hat und im Produktionsprozess von Spielplot-Animationen, beliebten Tanzanimationen und anderen Ressourcen verwendet wurde. Durch tatsächliche Projekte wurde bestätigt, dass die Produktion einer 1-minütigen Tanzanimation von Hand mehr als 20 Tage dauern kann, die Produktion mit AIxPose-Unterstützung jedoch nur 3 Tage dauert und der gesamte Prozess um mehr als 80 % verkürzt wird.

Kürzlich hat NetEase Interactive Entertainment AI Lab die Erfahrungen basierend auf der Entwicklung dieser Software und damit verbundenen Forschungsarbeiten im Bereich der Bewegungserfassung zusammengestellt. Das von ihm verfasste Papier „Learning Analytical Posterior Probability for Human Mesh Recovery“ wurde veröffentlicht Computer Vision Akzeptanz von CVPR 2023.

Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

  • Homepage-Adresse: https://netease-gameai.github.io/ProPose/
  • Papieradresse: https://netease-gameai.github.io/ProPose/static /assets/CVPR2023_ProPose.pdf

Dieses Papier schlägt innovativ eine auf Posterior-Wahrscheinlichkeit basierende Video-Motion-Capture-Technologie vor, mit der unter verschiedenen Einstellungen wie Einzelbild- und Multisensor-Fusion genaue dreidimensionale Bilder erzielt werden können Schätzung. Die technische Genauigkeit ist 19 % höher als die probabilistischen Basismethoden, die Prioritäten verwenden, und übertrifft frühere Methoden in den öffentlichen Datensätzen 3DPW, Human3.6M und AGORA. Darüber hinaus kann diese Technologie bei Multisensor-Fusionsaufgaben auch eine höhere Genauigkeit als das Basismodell erreichen, ohne das Rückgrat des neuronalen Netzwerks aufgrund der Einführung neuer Sensoren zu verändern.

Technischer Hintergrund

Die Aufgabe dieser Forschung besteht darin, die Wiederherstellung menschlicher Netze (HMR) anhand von RGB-Bildern vorherzusagen: direkte Methoden und indirekte Methoden. Die direkte Methode verwendet ein neuronales Netzwerk, um die Rotationsdarstellung menschlicher Gelenke von Ende zu Ende zu regressieren (z. B. Achsenwinkel, Rotationsmatrix, 6D-Vektor usw.), während die indirekte Methode zunächst einige Zwischendarstellungen vorhersagt (z. B. drei- Dimensionsschlüsselpunkte, Segmentierung usw.) und übergibt dann diese Zwischenpunkte. Zeigt an, dass die Gelenkdrehung erhalten wird.

Bei beiden Methodenarten gibt es jedoch einige Probleme. Bei direkten Methoden erfordert diese Art von Methode, dass das Netzwerk abstrakte Darstellungen wie Rotation direkt lernt. Im Vergleich zum Lernen von Schlüsselpunkten und Segmentierung ist das Lernen von Rotation relativ schwierig, sodass die vom Netzwerk ausgegebenen Ergebnisse manchmal schwer mit dem Bild in Einklang zu bringen sind und können nicht vollständig ausgeführt werden, z. B. der rechte Fuß in der ersten Reihe im Bild unten (a). Im Gegensatz dazu liefern indirekte Methoden im Allgemeinen eine höhere Genauigkeit, aber die Leistung dieser Art von Methode hängt stark von der Genauigkeit der Zwischendarstellung ab. Wenn die Zwischendarstellung aufgrund von Rauschen Fehler erzeugt, kann es leicht passieren, dass die endgültige Drehung ziemlich offensichtlich erscheint. Fehler, wie auf der linken Seite der zweiten Zeile in (b) unten gezeigt.

Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

Zusätzlich zu den oben genannten deterministischen Methoden gibt es auch einige Methoden, um den menschlichen Körper durch das Erlernen bestimmter Wahrscheinlichkeiten zu modellieren Verteilungen Die Unsicherheit der Einstellung wird berücksichtigt, um die Systemrobustheit zu verbessern. Derzeit umfassen die wichtigsten Wahrscheinlichkeitsmodellierungsmethoden die multivariate Gaußsche Verteilung, den normalisierten Fluss, die implizite Modellierung neuronaler Netzwerke usw., aber diese Wahrscheinlichkeitsverteilungen auf Nicht-SO (3) können die Unsicherheit der Gelenkrotation nicht wirklich widerspiegeln. Wenn beispielsweise die Unsicherheit groß ist, gilt die Annahme der lokalen Linearität der Gaußschen Verteilung auf SO (3) nicht. In einer kürzlich durchgeführten Arbeit wurde das Netzwerk direkt verwendet, um die Parameter der Fisher-Verteilung der Matrix zu lernen. Obwohl es sich um eine Verteilung auf SO (3) handelt, ähnelt die Lernmethode dieser Methode der direkten Methode und die Konvergenzleistung kann nicht mit der verglichen werden bestehende indirekte Methode.

Um sowohl hohe Genauigkeit als auch Robustheit zu berücksichtigen und die Leistung probabilistischer Methoden zu verbessern, leitet ProPose die analytische Posteriorwahrscheinlichkeit der Gelenkrotation ab, was nicht nur Vorteile bringen kann aus verschiedenen Beobachtungen. Die hohe Präzision, die Variablen mit sich bringen, kann auch die Unsicherheit messen und den Einfluss von Rauschen auf den Algorithmus so weit wie möglich reduzieren. Wie in der folgenden Abbildung gezeigt, kann ProPose für das Eingabebild die Unsicherheit der Gelenkdrehung in verschiedene Richtungen anhand der Ausgabewahrscheinlichkeitsverteilung bis zu einem gewissen Grad messen, z. B. die Drehung der rechten Hand entlang der Armachse und die Richtung der linke Arm schwingt auf und ab und die linke Wade. Der Grad der Distanz usw.

Technische Umsetzung

Human Modeling

# 🎜🎜#Diese Studie führt eine probabilistische Modellierung der menschlichen Körperhaltung durch. Ziel ist es, die hintere Wahrscheinlichkeit p (R|d,⋯) der Gelenkrotation R unter einigen beobachteten variablen Bedingungen (z. B. Knochenausrichtung d usw.) zu ermitteln.

Insbesondere, da die Gelenkrotation des menschlichen Körpers auf SO (3) liegt und die Einheitsknochenausrichtung des Kindgelenks relativ zum Elterngelenk lokalisiert ist auf S^2, daher kann die Analyse basierend auf Wahrscheinlichkeitsverteilungen auf diesen beiden Mannigfaltigkeiten durchgeführt werden.

Zunächst kann die Matrix-Fisher-Verteilung MF (⋅) auf SO (3) als vorherige Verteilung der Gelenkrotation R verwendet werden, wie in gezeigt Nach der folgenden Formel sind F∈R^ (3×3) die Parameter der Verteilung, c (F) ist eine Normalisierungskonstante und tr stellt die Spur der Matrix dar.

Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

Wie in der folgenden Formel gezeigt, kann F direkt nach gelöst werden Mittelwert M durch SVD-Zerlegung und einen Aggregationsterm K, der den Grad der Verteilungsaggregation charakterisiert. Unter diesen ist Δ=diag (1,1,|UV|) eine diagonale orthogonale Matrix, die verwendet wird, um sicherzustellen, dass die Determinante von M 1 ist, sodass sie in die spezielle orthogonale Gruppe fallen kann.

Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

Zweitens, wenn man bedenkt, dass die Ausrichtung des Knochens durch das Gelenk berechnet werden kann Daher kann die Gelenkrotation R als versteckte Variable und die Knochenorientierung d als beobachtete Variable betrachtet werden. Unter der gegebenen Bedingung von R folgt die Einheitsorientierung d auf S^2 der von Mises-Fisher-Verteilung: # 🎜🎜##🎜 🎜#

Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

wobei κ∈R und d∈S^2 der Aggregationsterm sind bzw. Mittelwert der Verteilung, und l ist die Referenz. Die Einheitsknochenausrichtung in einer Haltung (z. B. T-Pose) erfüllt theoretisch Rl=d, das heißt, die Referenzknochenausrichtung wird durch Gelenkrotation auf die aktuelle Knochenausrichtung übertragen.

Mit der Bayes'schen Theorie können Sie unter Berücksichtigung der Prior-Verteilung p (R) und der Wahrscheinlichkeitsfunktion p (d|R) die Knochenorientierungsbedingung berechnen. Die analytische Form von die A-Posteriori-Wahrscheinlichkeit p (R|d) der Gelenkrotation: Daraus lässt sich schließen, dass die A-posteriori-Wahrscheinlichkeit p (R|d) ebenfalls der Matrix-Fisher-Verteilung folgt und ihre Parameter von F auf F^'=F+κdl^T aktualisiert werden.

Die obige hintere Wahrscheinlichkeit berücksichtigt nur die Ausrichtung des menschlichen Skeletts als Beobachtungsgröße. Ebenso kann sie auch auf andere Richtungsbeobachtungsgrößen d_i oder Rotationsbeobachtungsgrößen erweitert werden D_j (kann durch (von anderen Sensoren wie IMUs usw. erzeugt) gegeben werden. Die analytische A-Posteriori-Wahrscheinlichkeit wird in der folgenden allgemeinen Form erhalten:

Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

wobei κ_i und K_j Aggregationsterme sind. g (⋅) ist eine Abbildung in Form von IK, die Richtungsbeobachtungen in Rotationsschätzungen umwandeln kann. Sie kann die einfachste Form wie g (d_i)=dl^T annehmen. Z_1 und Z_3 repräsentieren den Satz von Richtungsbeobachtungen bzw. Rotationsbeobachtungen.

Eigenschaften

In diesem Abschnitt wird weiter erläutert, dass die hintere Wahrscheinlichkeitsverteilung einen höheren Aggregationsgrad aufweist als die vorherige Wahrscheinlichkeitsverteilung.

Im vorangegangenen Abschnitt wurde die analytische Form der hinteren Wahrscheinlichkeit der menschlichen Gelenkrotation vorgestellt, die durch einen neuen Parameter F‘ gekennzeichnet ist. Der hintere Parameter F^' kann aus einer anderen Perspektive verstanden werden, das heißt, F^' ist das Produkt des mittleren Termes M, der mit F identisch ist, und einem neuen Aggregationsterm K^':

Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

wo M^T dl^ T=ll^T ist eine reelle symmetrische Matrix vom Rang 1, und K ist ebenfalls eine reelle symmetrische Matrix, das heißt, der hintere Aggregationsterm K' ist ebenfalls eine reelle symmetrische Matrix. Gemäß dem gestaffelten Satz über reelle symmetrische Matrizen in der Matrixanalyse kann erhalten werden, dass die Eigenwerte λ_i' von K' und die Eigenwerte λ_i von K die folgende Ungleichheitsbeziehung aufweisen:

Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

In Anbetracht dessen Die Eigenwerte der Aggregationsterme entsprechen der Verteilung. Die Singulärwerte der Parameter können die Konfidenz der Verteilung widerspiegeln. Daraus kann geschlossen werden, dass die hintere Schätzung größer ist, wenn der Wahrscheinlichkeitsterm ungleich Null ist konzentrierter als die vorherige Schätzung und kann schnell zum Likelihood-Funktionspräferenzmodus konvergieren, sodass er leichter erlernt werden kann.

Zusätzlich zur A-priori-Wahrscheinlichkeitsmethode besteht eine weitere wichtige Benchmark-Methode darin, die Rotation direkt durch die Knochenausrichtung zu berechnen. Das folgende Bild kann intuitiv den Unterschied zwischen der posterioren Wahrscheinlichkeitsmethode und der deterministischen IK zeigen Methode. Kontrast zwischen.

Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

Das obige Bild nimmt das menschliche Ellenbogengelenk als Beispiel. Die reale dreidimensionale Koordinatenachse repräsentiert den wahren Wert und die transparente dreidimensionale Koordinatenachse repräsentiert den geschätzten Wert. Die erste Zeile stellt die deterministische IK-Methode dar. Die Modellierungsmethode hinter dieser Art von Methode ist ein Vektor, der die Knochenausrichtung darstellt. Wenn die Knochenausrichtung genau geschätzt wird, kann der verbleibende Freiheitsgrad (Twist) auf einen Kreis reduziert werden die Abbildung Der gepunktete Kreis auf der Kugel); wenn die Knochenausrichtung ungenau geschätzt wird, führt dies dazu, dass alle möglichen Schätzungen vom wahren Wert abweichen. Die zweite Linie stellt das hintere Wahrscheinlichkeitsmodell dieser Studie dar, das eine Fusion mehrerer verschiedener Modelltypen darstellt. Der rote Bereich auf der Kugel stellt die Wahrscheinlichkeit einer bestimmten Rotation dar, selbst wenn bei der Schätzung der Knochenausrichtung ein Fehler vorliegt , kann diese Methode den wahren Zustandswert wiederherstellen, da das Rauschen der Knochenausrichtung durch A-priori- oder andere Beobachtungen so weit wie möglich gemildert werden kann.

Netzwerk-Framework-Diagramm und Verlustfunktion

Basierend auf der oben genannten Theorie und Ableitung kann das in der folgenden Abbildung gezeigte Framework-Diagramm direkt erstellt werden. Ein Netzwerk mit mehreren Zweigen wird verwendet, um den vorherigen Verteilungsparameter F, den dreidimensionalen Schlüsselpunkt J (aus dem die Knochenorientierung d berechnet wird) und den Formparameter β aus einem einzelnen Bild zu schätzen. Die Posterior-Wahrscheinlichkeit wird mithilfe der Bayes-Regel berechnet, und schließlich kann die Haltungsschätzung aus der Posterior-Verteilung erhalten werden, um das menschliche Netz auszugeben.

Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

Die Auswahl der Verlustfunktion ist relativ einfach und stellt die gewichtete Summe der folgenden vier Einschränkungen dar, wobei L_J die Schlüsselpunktbeschränkung, L_β die Formparameterbeschränkung und L_θ die Lageparameterbeschränkung in der Matrix darstellt Form, und L_s repräsentiert die Verteilung der Post-Sampling-Pose-Beschränkungen. Bezüglich der Einschränkungen der Verteilung wird MAP hier nicht direkt verwendet, da die numerische Stabilität der Normalisierungsparameter berücksichtigt wird. In Bezug auf die Stichprobenstrategie wird die Fisher-Matrixverteilung ähnlich wie in der vorherigen Arbeit in die äquivalente Bingham-Verteilung in Quaternionform umgewandelt und dann durch Ablehnungsstichprobe erhalten, wobei die empfohlene Verteilung für die Ablehnungsstichprobe die eckige zentrale Gaußsche Verteilung annimmt.

Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

Experimentelle Ergebnisse

Im experimentellen Teil führte diese Studie einen quantitativen Vergleich mit früheren Methoden an den öffentlichen Datensätzen Human3.6M, 3DPW, AGORA und TotalCapture durch. Es ist ersichtlich, dass die Methode dieser Studie viele frühere Methoden übertrifft. Die letzten beiden grauen Zeilen in der Tabelle unten rechts stammen aus der gleichen Zeit und werden hier der Vollständigkeit halber aufgeführt.

Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

Die folgende Abbildung zeigt einen qualitativen Vergleich mit den bestehenden SOTA-Methoden HybrIK, PARE und CLIFF. Es ist ersichtlich, dass ProPose in einigen Okklusionssituationen bessere Ergebnisse erzielen kann.

Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

Die folgende Tabelle zeigt eine Reihe von Ablationsexperimenten, die hauptsächlich die Genauigkeit und Robustheit von ProPose demonstrieren. Zu den Benchmark-Methoden gehören die Nichtverwendung dreidimensionaler Schlüsselpunkte, die Nichtverwendung von Priors, die Nichtverwendung von Priors während des Tests, die Auswahl von Features an verschiedenen Standorten im Backbone-Netzwerk usw. Die Tabelle links unten bestätigt vollständig, dass die vorgeschlagene Posterior-Wahrscheinlichkeitsverteilung höher ist Genauigkeit. Die Tabelle rechts unten zeigt den Vergleich der Robustheit gegenüber Rauschen zwischen der Posterior-Methode und der deterministischen IK-Methode. Es ist ersichtlich, dass die Posterior-Methode der Störung durch Rauschen besser standhalten kann.

Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

Die Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick

Zusätzlich zur oben genannten HMR-Aufgabe wurde in dieser Studie auch die Multisensor-Fusion-Aufgabe bewertet. Die Auswirkung einer Einzelansicht und IMUs-Fusion ist unten angegeben.

Das obige ist der detaillierte Inhalt vonDie Effizienz der Animationsproduktion wurde um 80 % gesteigert! Diese KI-Software realisiert hochpräzise Video-Bewegungserfassung mit einem Klick. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie ändere ich die Größe einer Bootstrap -Liste? Wie ändere ich die Größe einer Bootstrap -Liste? Apr 07, 2025 am 10:45 AM

Die Größe einer Bootstrap -Liste hängt von der Größe des Containers ab, der die Liste enthält, nicht die Liste selbst. Die Verwendung von Bootstraps Grid -System oder Flexbox kann die Größe des Containers steuern und dadurch indirekt die Listenelemente ändern.

Wie implementieren Sie die Verschachtelung von Bootstrap -Listen? Wie implementieren Sie die Verschachtelung von Bootstrap -Listen? Apr 07, 2025 am 10:27 AM

Verschachtelte Listen in Bootstrap erfordern die Verwendung des Grid -Systems von Bootstrap, um den Stil zu steuern. Verwenden Sie zunächst die äußere Schicht & lt; ul & gt; und & lt; li & gt; Um eine Liste zu erstellen, wickeln Sie die Liste der inneren Ebenen in & lt; div class = & quot; row & gt; und add & lt; div class = & quot; col-md-6 & quot; & gt; In der Liste der inneren Ebenen, um anzugeben, dass die Liste der inneren Ebenen die halbe Breite einer Reihe einnimmt. Auf diese Weise kann die innere Liste die richtige haben

Wie füge ich Symbole zur Bootstrap -Liste hinzu? Wie füge ich Symbole zur Bootstrap -Liste hinzu? Apr 07, 2025 am 10:42 AM

So fügen Sie Symbole zur Bootstrap -Liste hinzu: Direkt das Symbol in das Listenelement & lt; li & gt;, Verwenden des von der Symbibliothek angegebenen Klassennamens (z. B. fantastisch). Verwenden Sie die Bootstrap-Klasse, um Symbole und Text auszurichten (z. B. D-Flex, Justify-Content-dazwischen, Align-items-Center). Verwenden Sie die Bootstrap -Tag -Komponente (Abzeichen), um Zahlen oder Status anzuzeigen. Passen Sie die Symbolposition an (Flex-Richtung: Reihen-Umkehr;), steuern Sie den Stil (CSS-Stil). Häufiger Fehler: Das Symbol wird nicht angezeigt (nicht

Welche Methode wird verwendet, um Strings in Objekte in Vue.js umzuwandeln? Welche Methode wird verwendet, um Strings in Objekte in Vue.js umzuwandeln? Apr 07, 2025 pm 09:39 PM

Bei der Konvertierung von Zeichenfolgen in Objekte in Vue.js wird JSON.Parse () für Standard -JSON -Zeichenfolgen bevorzugt. Bei nicht standardmäßigen JSON-Zeichenfolgen kann die Zeichenfolge durch Verwendung regelmäßiger Ausdrücke verarbeitet und Methoden gemäß dem Format oder dekodierten URL-kodiert reduziert werden. Wählen Sie die entsprechende Methode gemäß dem String -Format aus und achten Sie auf Sicherheits- und Codierungsprobleme, um Fehler zu vermeiden.

So registrieren Sie Komponenten, die nach Exportverlagerung in VUE exportiert werden So registrieren Sie Komponenten, die nach Exportverlagerung in VUE exportiert werden Apr 07, 2025 pm 06:24 PM

Frage: Wie registriert man eine Vue -Komponente, die durch Exportverlagerung exportiert wird? Antwort: Es gibt drei Registrierungsmethoden: Globale Registrierung: Verwenden Sie die Methode vue.comPonent (), um sich als globale Komponente zu registrieren. Lokale Registrierung: Registrieren Sie sich in der Komponentenoption, die nur in der aktuellen Komponente und in den Unterkomponenten verfügbar ist. Dynamische Registrierung: Verwenden Sie die Methode vue.comPonent (), um sich nach dem Laden der Komponente zu registrieren.

Laravels Geospatial: Optimierung interaktiver Karten und großen Datenmengen Laravels Geospatial: Optimierung interaktiver Karten und großen Datenmengen Apr 08, 2025 pm 12:24 PM

Verarbeiten Sie 7 Millionen Aufzeichnungen effizient und erstellen Sie interaktive Karten mit Geospatial -Technologie. In diesem Artikel wird untersucht, wie über 7 Millionen Datensätze mithilfe von Laravel und MySQL effizient verarbeitet und in interaktive Kartenvisualisierungen umgewandelt werden können. Erstes Herausforderungsprojektanforderungen: Mit 7 Millionen Datensätzen in der MySQL -Datenbank wertvolle Erkenntnisse extrahieren. Viele Menschen erwägen zunächst Programmiersprachen, aber ignorieren die Datenbank selbst: Kann sie den Anforderungen erfüllen? Ist Datenmigration oder strukturelle Anpassung erforderlich? Kann MySQL einer so großen Datenbelastung standhalten? Voranalyse: Schlüsselfilter und Eigenschaften müssen identifiziert werden. Nach der Analyse wurde festgestellt, dass nur wenige Attribute mit der Lösung zusammenhängen. Wir haben die Machbarkeit des Filters überprüft und einige Einschränkungen festgelegt, um die Suche zu optimieren. Kartensuche basierend auf der Stadt

So sehen Sie das Gittersystem von Bootstrap So sehen Sie das Gittersystem von Bootstrap Apr 07, 2025 am 09:48 AM

Das Maschensystem von Bootstrap ist eine Regel für das schnelle Erstellen von Reaktionslayouts, die aus drei Hauptklassen bestehen: Container (Container), Zeile (Zeile) und COL (Spalte). Standardmäßig werden 12-Kolumn-Gitter bereitgestellt, und die Breite jeder Spalte kann durch Auxiliary-Klassen wie Col-MD- angepasst werden, wodurch die Layout-Optimierung für verschiedene Bildschirmgrößen erreicht wird. Durch die Verwendung von Offset -Klassen und verschachtelten Maschen kann die Layoutflexibilität verlängert werden. Stellen Sie bei der Verwendung eines Gittersystems sicher, dass jedes Element die korrekte Verschachtelungsstruktur aufweist, und berücksichtigen Sie die Leistungsoptimierung, um die Ladegeschwindigkeit der Seiten zu verbessern. Nur durch eingehendes Verständnis und Üben können wir das Bootstrap Grid-System kompetent beherrschen.

Welche Änderungen wurden mit dem Listenstil von Bootstrap 5 vorgenommen? Welche Änderungen wurden mit dem Listenstil von Bootstrap 5 vorgenommen? Apr 07, 2025 am 11:09 AM

Die Änderungen des Bootstrap 5 -Listenstils sind hauptsächlich auf die Detailoptimierung und die semantische Verbesserung zurückzuführen, einschließlich: Die Standardmargen ungeordneter Listen sind vereinfacht, und die visuellen Effekte sind sauberer und ordentlich. Der Listenstil betont die Semantik, verbessert die Zugänglichkeit und die Wartbarkeit.

See all articles