Snap to Grid Operation باستخدام الصور، Kinetic.js، JavaScript؟

Question

هل يمكنني تطبيق Snap To Wrid Incription مع الصور في KineticJs باستخدام jquery؟( http://jqueryu.com/demos/dragggable/snap-to.html 8>) مثل لدي بعض الصور القابلة للتغذية داخل قماش وأريدهم أن يقيد الحركة داخل قماش ...

هل من الممكن حتى أن صورتين يمكن أن تقطع معا عندما يأتي المرء بالقرب من الآخر في قماش؟ ويمكن أن تتحقق باستخدام kinetic.js أو جافا سكريبت ...

شكرا أشيش

هنا هو الكود .. انها معقدة قليلا.أعني أنني أحمل الصور من خارج القماش .. وهناك مجموعتان .. لن أرغب في أن أكون قادرا على التنازل عنها .. giveacodicetagpre.

Answer 1

قمت بإرسال إجابة على هذا السؤال الذي لا يستخدم JQuery.بدلا من ذلك، هناك تصحيح يمكنك تطبيقه الذي يمنحك السحب والإسقاط مع Snap To Grid في Kineticjs على قماش HTML5.

باستخدام JQuery Draggable UIمع kineticjs لجعل العناصر المفاجئة للشبكة؟

Answer 2

يمكنك القيام بذلك مختلفا باستخدام dragboundfunc. giveacodicetagpre.

قد أنشأت مثالا مثالا كاملا: http://jsfiddle.net/ptzsb/1/0>

Answer 3

هذا هو كل شيء ممكن جدا. يتطلب الأمر أكثر دراية بالقليل من المستخدم المستقيم المتوسط، على الرغم من.

أولا، تنفيذ الأداة الإضافية:

هذه فكرة بسيطة. يمكنك استخدام مكتبة jquery UI. يمكنك إضافة الوظيفة الضرورية للميزة "الأداة الإضافية"، عن طريق استدعاء "الأداة الإضافية" على جميع العناصر مع فئة "kineticjsimage". giveacodicetagpre.

ثانيا، لجميع الصور التي تدفعها Kineticjs، نضيف الفئة "KineticjSimage" giveacodicetagpre.

كما ذكرت في سؤالك الأول، كنت قد وجدت التشغيل الأداة الإضافية. يستخدم المربع الثاني في العرض التوضيحي في تلك الصفحة العامة (التعليمات البرمجية المذكورة أعلاه، وكذلك) المفاجئة: المعلمة الحقيقية. عند استدعاء هذا، فأنت تقول الصفحة لالتقاط جميع العناصر الغامضة مع فئة "kineticjsimage" إلى أي عنصر تم الإعلان عنه أيضا. giveacodicetagpre.

كل ما تريد تحقيقه هو القيام به مع jQuery UI وملحقاتها القابلة للتغيير / القابل للدونات الواردة داخل.

تخدع وتحاول معرفة الخروج. عندما لا تستطيع، تعود إلى الكود وسوف نظهر لك أين تذهب من هناك. $ ("