-webkit-transform übersetzen rund um das Zentrum

Für Spaß Im machen eine analog-Uhr 😀 aber wie bekomme ich ihn zum drehen um den Mittelpunkt? Ich möchte zu drehen das Ding zeigt Minuten. seine bereits Platzierten Hinweis auf 15, wie in 15.15, 16.15 Uhr.

tun, ein schlichtes rotate("10deg") wil drehen Sie es um es selbst. erraten, ich habe etwas wie das hier tun:

$("#minPointer").css("-webkit-transform", "translate(-100px, -100px)");
$("#minPointer").css("-webkit-transform", "rotate("+val+"deg)" );
$("#minPointer").css("-webkit-transform", "translate(100px, 100px)" );

den pin gelegt-center in einem 200 x 200 box. und die oben nicht funktioniert 🙁

InformationsquelleAutor Jason94 | 2011-06-23

  1. 15

    Verwenden -webkit-transform-origin, um festzulegen, welche Punkt-Transformationen auftreten, mit Bezug auf:

    //Replace percentages to reflect what point you want to rotate around.
//Pixel values are fine.
$("#minPointer").css("-webkit-transform-origin", "50% 100%" );
$("#minPointer").css("-webkit-transform", "rotate("+val+"deg)" );

    InformationsquelleAutor You

Schreibe einen Kommentar