2017-03-08 7 views
5

मैं वर्तमान में वेब के लिए एक पीओसी डाल रहा हूं। मैंने आईओएस विकास के लगभग 9 साल किए हैं, इसलिए मुझे लगता है कि उन संदर्भों/अवधारणाओं में। मुझे जो बनाने की ज़रूरत है वह वेब के लिए UIScrollView/CATiledLayer जैसा कुछ है।UIScrollView कैनवास समतुल्य?

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

मैं ऐसा कुछ बनाना चाहता हूं जिसमें ऑफ-स्क्रीन प्रदान किए गए अन्य घटकों के साथ एक निश्चित व्यूपोर्ट हो। व्यूपोर्ट ने सीमा तय की है जिसे आप विस्तारित कर सकते हैं और मुझे दृश्य में उप-संयोजक रखने की अनुमति देता है और यदि मैं चाहूं तो उन्हें चारों ओर ले जा सकता हूं।

मेरा वेब/जावास्क्रिप्ट अनुभव काफी एम्बर, प्रतिक्रिया और सादा पुराना ES5/ES6 है। मेरे एचटीएमएल कौशल इतना मजबूत नहीं हैं और मुझे लगता है कि मैंने कुछ मौलिक याद किया होगा।

मेरा लक्ष्य ऐसा कुछ है जो मेरी कंपनी द्वारा उपयोग की जाने वाली मौजूदा प्रतिक्रिया स्टैक के साथ काम कर सके। मुझे अपना खुद का समाधान रोल करने में खुशी है लेकिन आगे बढ़ने के लिए सही दिशा के बारे में सलाह लेना अच्छा लगेगा। मुझे लगता है कि इस क्षेत्र में मेरे पास लगभग शून्य ज्ञान है।

+1

क्या आप अपने ऐप के उस हिस्से का एक स्क्रीनशॉट पोस्ट कर सकते हैं जिसे आप वेब में कनवर्ट करना चाहते हैं? –

उत्तर

2
  1. यह जे एस पुस्तकालय, Dracula जब से तुम खींचें के साथ काम कर रहे हैं आप के लिए काफी सुविधा हो और फ़्लोचार्ट कर दिया जाएगा। आप एक कामकाजी उदाहरण here देख सकते हैं। नोट: यह lib एसवीजी पर आधारित है और कैनवास का उपयोग नहीं करता है। स्रोत कोड के लिए जे एस फ़्लोचार्टhere

  2. भी HTML में इस Dragon drop fiddle

पर एक नज़र और के बारे में scrollview ले, तो आप बस के साथ div s का उपयोग कर सकते हैं:

  • यहाँ एक और सुंदर live demo है सीएसएस शैलियों overflow-y: scroll और/या overflow-x: scroll। मोबाइल-जैसी विकास महसूस करने के अलावा flex लेआउट का उपयोग करके, स्क्रीन आकार के आधार पर आपके लेआउट पर इतना नियंत्रण रखने में आपकी सहायता होगी।

    आशा है कि यह आपको शुरू कर देना चाहिए।