Schnappen Sie den Netzbetrieb mit Bildern, kinetic.js, Javascript?

Question

Kann ich mit Bildern in KineticJs zum Rasteroperation mit Bildern implementieren? Jquery verwenden?( http://jqueryui.com/demos/draggable/snap-to.html<>) Als hätte ich nur wenige Ziehabilder in einer Leinwand und möchte, dass sie die Bewegung in einer Leinwand einschränken ...

ist es sogar möglich, dass 2 Bilder zusammenraffen können, wenn man in der Leinwand in der Nähe des anderen kommt? Und kann es mit kinetic.js oder javascript erreicht werden ...

danke Ashish

Hier ist der Code .. Es ist etwas kompliziert.Ich meine, ich lade Bilder von außerhalb der Leinwand an ..und es gibt zwei Sätze generasacodicetagpre.

Answer 1

Ich habe eine Antwort auf diese Frage eingereicht, die nicht jQuery verwendet.Stattdessen gibt es einen Patch, den Sie anwenden können, wodurch Sie in KineticJs auf dem HTML5-Leinwand mit Raster in KineticJs ziehen und herunterladen können.

Jquery Draggable UImit kineticjs, um Elemente zum Raster zu machen?

Answer 2

Sie können dies mit dem DragboundFunc dadurch anders tun. generasacodicetagpre.

Ich habe ein komplettes Schnappbeispiel erstellt: http://jsfiddle.net/tzsb/1/

Answer 3

Dies ist alles sehr möglich. Es erfordert jedoch etwas mehr als der durchschnittliche jQuery-Benutzer.

zuerst, implementieren des snap-to:

Dies ist eine einfache Idee. Sie verwenden die JQuery UI-Bibliothek. Sie fügen die erforderliche Funktion für das "Snap-to" -Funktion hinzu, indem Sie 'Snap-to' auf alle Elemente mit der Klasse 'kineticjsimage' aufrufen. generasacodicetagpre.

Sekunden, für alle von KineticJs vorgeschlagenen Bildern hinzufügen wir die Klasse 'kineticjsimage' generasacodicetagpre.

Wie Sie in Ihrer ersten Frage erwähnt haben, haben Sie die Snap-to-Operation gefunden. Das 2. Box in der Demo auf dieser Seite verwendet den generischen (oben genannten Code, den ich oben erwähnt wurde) Snap: True Parameter. Wenn Sie dies aufrufen, wenden Sie sich auf die Seite, um alle Ziehelemente mit der Klasse von 'kineticjsimage' auf ein beliebiges Element, das auch deklariert wurde, zu schnappen. generasacodicetagpre.

Alles, was Sie erreichen möchten, ist in der Lage, mit der JQuery-Benutzeroberfläche und den in den Ziehabläufen / kratzbaren Erweiterungen in der Lage zu sein.

täuschen Sie herum und versuchen Sie herauszufinden. Wenn Sie nicht können, kommen Sie mit dem Code zurück und wir zeigen Ihnen, wo Sie von dort gehen können. $ ("