[gelöst] mit css animiertes objekt lokalisieren

thom

Hi 2 all.

Stehe ich auf dem Schlauch oder ist es nicht möglich die aktuelle Position zu ermitteln bei einem durch css animierten Objektes.

Code

<style>
#hg{
position:absolute;
top:0px;
will-change: transform;
}
</style>

<img id=hg src="bild.jpg">

<script>
.....
/* so nicht lauffähig, nur ein Democode*/
.....
function cssani(o,tx,ty,tz,zx,zy,zz,sx,sy,du,de,it,){
    return o.animate([{transform: "translate3d("+tx+", "+ty+", "+tz+") scaleX("+sx+")"},
         {transform: "translate3d("+zx+", "+zy+", "+zz+") scaleX("+sx+")"}
         ], {
              duration: 40000/speed,delay: de/speed,iterations: Infinity, fill: 'forwards'
         });
}

function fuevent(e){
Aktuelle Y Position des Bildes ist != $d("hg").style.top != $d("hg").offsetTop ==? $d("hg").style.transform.matrix/xz... * aktueller steep ????
}
</script>

Alles anzeigen

Vielen dank für eure Hilfe

basti1012

Ich weiß nicht genau was du da vorhast , aber einfache Position Ermittlung kann man zb so machen

https://basti1012.bplaced.net/index.php?ordn…-seminar&id=372

Du schreibst ja auch das du Position ermitteln willst, was durch CSS bewegt wird. Ich bin der Meinung das es in deinen Code durch Javascript bewegt wird.

Aber tut ja auch nix zu sache wie es bewegt wird .

thom

Ich greife mit js auf die css Eigenschaften zu und lasse diese durch eine css Transformation bewegen, hat den vorteil das dazu die gpu statt die cpu verwendet wird.

Zitat

Aber tut ja auch nix zu sache wie es bewegt wird

doch, genau um das geht es.

dein Beispiel hat mir jedoch sehr geholfen auch wenn ich nicht Bibliotheken verwende, konnte ich in den JQuery Funktionen finden wie sie es machen

Code

top=document.getElementById("hg").getBoundingClientRect()["top"]

vielen dank

basti1012

Ja gut , das stimmt natürlich auch das man kucken soll wie ,was, belastet wird. Ich habe schon Webseiten gesehen da ist der ganze Pc stehen geblieben weil auf einmal mein ganzer ram verbrauch wahr ( 4mb mehr hat der hier nicht ).

Jquery hatte ich auch nur genutzt weil ich dache das du es auch genutzt hast. Habe aber gerade gesehen das ich mich da wohl voll verkuckt habe . Aber schön da du das richtige gefunden hast .

Jetzt mitmachen!