scaletransform

___ tag123cstransitions ___ CSS-Übergänge ermöglichen, dass Eigenschaftsänderungen in CSS-Werten über eine festgelegte Dauer reibungslos ablaufen. ___ qstnhdr ___ Matrixskalierungsübergang funktioniert nicht ___ tag123cstransforms ___ CSS-Transformationen ermöglichen es, mit CSS gestylte Elemente in einen zweidimensionalen oder dreidimensionalen Raum zu transformieren ___ answer30690873 ___

Beim Transformieren oder Transformieren von Transformationen müssen die Transformationsfunktionslisten interpoliert werden. Zwei Transformationsfunktionen mit demselben Namen und derselben Anzahl von Argumenten werden numerisch ohne eine vorherige Konvertierung interpoliert. Der berechnete Wert hat den gleichen Transformationsfunktionstyp mit der gleichen Anzahl von Argumenten.

Spezielle Regeln gelten für rotate3d (), matrix (), matrix3d ​​() und perspective (). Die Transformationsfunktionen matrix (), matrix3d ​​() und perspective () werden zuerst in 4x4-Matrizen umgewandelt und interpoliert. Wenn eine der Matrizen für die Interpolation singulär oder nicht invertierbar ist (wenn ihre Determinante 0 ist), wird das transformierte Element nicht gerendert und die verwendete Animationsfunktion muss auf eine diskrete Animation gemäß den Regeln der jeweiligen Animationsspezifikation zurückgreifen.

Im Falle der Matrix (0,0,0,0,0,0) ist es offensichtlich, dass die 4X4-Ergebnismatrizen für die Skalierung singular sind

Dankeschön für Ссылка

    
___ tag123css ___ CSS (Cascading Style Sheets) ist eine Darstellungsstilsprache, die das Aussehen und die Formatierung von HTML (Hyper Text Markup Language), XML-Dokumenten (Extensible Markup Language) und SVG-Elementen einschließlich (aber nicht beschränkt auf) Farben beschreibt. Layout, Schriftarten und Animationen. ___ tag123matrixtransform ___ hilf uns dieses Wiki zu bearbeiten ___ qstntxt ___

Ich muss die Transformationsmatrix verwenden, um die Transformation zu animieren: Maßstab eines Elements.

Ich möchte von 0 bis 1 skalieren. Wenn ich den folgenden Code verwende, funktioniert es richtig:

%Vor%

Ссылка

Wenn ich die Matrix selbst verwende, funktioniert nicht .

%Vor%

Ссылка

Mache ich etwas falsch oder funktioniert das nicht? Ich frage mich, weil es in Chrome und Firefox nicht funktioniert ...

Die console_log Debugausgabe sagt, dass bei der Skalierung von 0 auf 1 die Matrix auch von Matrix (0,0,0,0,0,0) zu Matrix (1,0,0,1,0,0) gesetzt wird .

BEARBEITEN:

Total confusion ... Wenn ich die Werte scaleX und scaleY in der Matrix auf 0.1 oder 0.01 ändere, funktioniert es ... wow

    
___ ___ tag123scaletransform Scaletransform auf ein Verfahren zur Waage bezieht sich ein Objekt in der 2-D-x-y-Koordinatensystem, kann es verwendet werden, um ein Objekt horizontal oder vertikal zu dehnen oder schrumpfen. ___
3
Antworten

Verbesserung der WPF-Canvas-Leistung

Ich entwickle eine Maps-ähnliche Anwendung mit WPF. Ich habe ~ 10.000 PathGeometry, Shapes auf der Leinwand hinzugefügt. Ich habe ScaleTransform und TranslateTransform für Zoom- und Panning-Steuerelemente hinzugefügt. Das Problem, vor dem ich...
26.09.2011, 20:25
1
Antwort

Matrixskalierungsübergang funktioniert nicht

Ich muss die Transformationsmatrix verwenden, um die Transformation zu animieren: Maßstab eines Elements. Ich möchte von 0 bis 1 skalieren. Wenn ich den folgenden Code verwende, funktioniert es richtig: %Vor% Ссылка Wenn ich die Matr...
29.05.2015, 11:47