2013-02-18 13 views
5

मैं जावास्क्रिप्ट के साथ "वास्तविक समय" में एक कंटेनर div ज़ूम इन/ज़ूम करने के लिए एक सिस्टम को कार्यान्वित करना चाहता हूं। कंटेनर में विभिन्न उप-डिवीजन हैं जो jsPlumb लाइब्रेरी का उपयोग कर लाइन के माध्यम से जुड़े हुए हैं।एक कंटेनर में ज़ूम इन/आउट

example http://s12.postimage.org/kari583gd/Untitled.png

वहाँ जो मुझे इस लागू करने के लिए मदद मिलेगी किसी भी 3 पार्टी पुस्तकालय है: कुछ इस तरह लग रहा है? कृपया मुझे सलाह दें कि कहां से शुरू करें। पहले ही, आपका बहुत धन्यवाद।

+0

सुनिश्चित नहीं है लेकिन आपको यह देखना चाहिए कि [यहां] (http://janne.aukia.com/zoomooz/) – harsh8888

+0

टिप्पणी के लिए धन्यवाद, लेकिन ज़ूम को गतिशील होना चाहिए, न कि पूर्व निर्धारित मूल्य ज़ूम ... –

उत्तर

0

इंटरनेट के चारों ओर देखकर, आप जो करना चाहते हैं उसके लिए कोई पुस्तकालय नहीं दिखता है- हालांकि मुझे गलत साबित होना अच्छा लगेगा।

संपादित करें: कुछ पूरी तरह से इस से संबंधित नहीं पर काम करते समय, मैं एक पुस्तकालय है कि आप किसी भी तत्व पर ज़ूम की अनुमति देता है zoom.js बुलाया भर में आया था। यह एपीआई उपयोग करने में काफी आसान लग रहा है, लेकिन यह अभी भी अवधारणा का सबूत है, और आईई पर काम नहीं करता है। निर्माता ने विशेष रूप से किसी भी महत्वपूर्ण में इसका उपयोग नहीं करने के लिए कहा, यही कारण है कि मैं अपना पुराना उत्तर भी रख रहा हूं।


हालांकि, zoomooz के लिए स्रोत कोड के माध्यम से देख, मैं बहुत यकीन है कि यहाँ है तुम कैसे करते हूँ: का प्रयोग करें jQuery animate function धीरे css transform property में बदलाव को लागू करने। अधिक विशेष रूप से, आप इसके लिए scale(XValue, YValue) फ़ंक्शन का उपयोग करना चाहते हैं।

कुछ बातें सीएसएस transform उपयोग के बारे में याद करने के लिए:

  • transform-origin संपत्ति है, ताकि पेज स्क्रीन जब बढ़ाया के अंदर फिट बैठता है, बजाय सीमाओं या कुछ इसी तरह के बाहर जाने के लिए सेट करें।
  • -webkit-transform, -ms-transform, और -moz-transform जैसे transform के अलावा ब्राउज़र विशिष्ट उपसर्गों को शामिल करें। मोज़िला के अनुसार
  • सीएसएस ट्रांसफॉर्म एक प्रयोगात्मक सुविधा है, इसलिए सुनिश्चित करें कि यह आपके उपयोगकर्ता उपयोग कर रहे ब्राउज़र के साथ compatible है।
संबंधित मुद्दे