coordinate-transformation

___ tag123svg ___ Scalable Vector Graphics (SVG) ist ein XML-basiertes zweidimensionales Vektorgrafikformat, das auch in HTML verwendet werden kann. Fügen Sie dieses Tag nicht hinzu, nur weil Ihr Projekt SVG verwendet. Fügen Sie stattdessen das Tag hinzu, wenn Ihre Frage entweder SVG betrifft oder eng damit verbunden ist, wie Sie etwas mit SVG erreichen können. ___ tag123jqueryanimate ___ Bezieht sich auf die Methode animate () von jQuery. Informationen zu generischen grafischen Animationen finden Sie im Animations-Tag. ___ answer16966871 ___

OK, nachdem ich Ihre Frage erneut gelesen habe, scheint es, dass Sie %code% verwenden und auch auf den mysteriösen "Zug" stoßen möchten, was für die meisten Anfänger verwirrend ist, die SVG lernen (mich eingeschlossen).

Die Skalierung wird von %code% aus gemessen. Wenn sich das Objekt also an der Position %code% befindet, wird die Objektposition bei der Anwendung von %code% auf %code% = & gt; %Code%. Daher müssen Sie dies mit %code% korrigieren.

Die Verwendung von %code% wäre der nächste zu erforschende Bereich, da es ziemlich intuitiv ist. Das obige Beispiel würde %code% benötigen, um es zu skalieren und zurück zum Original zu verschieben. Auch mit %code% code können Sie %code% und %code% einfach mit dem 2. und 3. Feld ausführen. Auch hier müssen Sie die Länge und / oder Breite des Objekts für diese beiden Transformationen übersetzen.

    
___ qstntxt ___

Ich möchte das untere Element in einer festen Position skalieren.

%Vor%

Wenn Sie mit der Skalierung beginnen, bewegt sich die Datei von einem Ort zum anderen. Ich möchte das Objekt nicht verschieben, ich möchte nur die Größe des Objekts vergrößern.

Ich habe folgenden Link verwiesen.

Ссылка

Wie man eine feste Skalierung vornimmt?

Ich möchte das Element animieren, d. h. die Größe in fester Position vergrößern. Ich habe folgendes implementiert. aber es bewegt das Element vom Ursprung weg. Siehe unten stehenden Code.

%Vor%

bezog sich auf den unteren Link zur Skalierung im zentrierten Punkt.

Ссылка

aber es beginnt immer vom Ursprung und vergrößert das Element.

Danke,

Siva

    
___ tag123scale ___ Das Skalen-Tag wird hauptsächlich für Fragen verwendet, die sich auf die proportionale Größenanpassung von Bildern oder UI-Elementen beziehen. ___ tag123koordinatetransformation ___ Ist die mathematische Operation erforderlich, um von einem Koordinatensystem zu einem anderen zu wechseln. ___ tag123jquerysvg ___ Ein jQuery-Plugin, mit dem Sie mit einem SVG-Zeichenbereich interagieren können. ___ answer16963339 ___

Die Skalierung ist auf den Ursprung (0, 0) zentriert. Wenn Ihre Form also nicht auf (0, 0) zentriert ist, wird sie sich scheinbar bewegen. Um dies zu beheben, übersetzen Sie Ihre Form so, dass sie auf den Ursprung zentriert ist, skalieren Sie sie und übersetzen Sie sie dann zurück:

%code%

Beachten Sie, dass die Transformationen in umgekehrter Reihenfolge ausgeführt werden.

Sie können Dinge vereinfachen, indem Sie eine Form erstellen, die auf den Ursprung zentriert ist, mit dem Sie beginnen und dann skalieren und transformieren.

%code%

Sie könnten die Umwandlung auch in eine Matrix umwandeln, die effizienter wäre:

%code%

[EDIT] Um jQuery animate zu verwenden, sollte dies funktionieren (Skalierung von 0 auf 1 über 4 Sekunden):

%Vor%     
___ qstnhdr ___ wie man das Element skaliert, indem man die feste Position in Svg ___
3
Antworten

Python - Konvertieren Sie die GPS-Positionen im Batch zu Lat Lon-Dezimalzahlen

Hi Ich habe eine Legacy-DB mit einigen Positionsdaten. Die Felder sind nur Textfelder mit Strings wie dieser 0°25'30"S, 91°7'W . Gibt es eine Möglichkeit, diese in zwei Gleitkommazahlen für Decimal Latitude und Decimal Longitude zu konve...
01.06.2012, 15:16
2
Antworten

wie man das Element skaliert, indem man die feste Position in Svg

Ich möchte das untere Element in einer festen Position skalieren. %Vor% Wenn Sie mit der Skalierung beginnen, bewegt sich die Datei von einem Ort zum anderen. Ich möchte das Objekt nicht verschieben, ich möchte nur die Größe des Objekts verg...
05.06.2013, 17:11