2010-02-25 9 views
8

मैं कैनवास का उपयोग कर HTML5 में एक पृष्ठ फ़्लिपिंग प्रकार एनीमेशन को फिर से बनाने की कोशिश कर रहा हूं। एनीमेशन this page से विचारों पर आधारित है। लेकिन यह वास्तव में महत्वपूर्ण नहीं है। मेरी समस्या यह है कि 'स्रोत-इन' समग्र ऑपरेशन का उपयोग करके मुझे उन परिणामों को नहीं दे रहा है जो मुझे उम्मीद है और क्यों स्पष्टीकरण चाहते हैं। मुझे लगता है कि यह केवल क्रोम पर काम करता है, एफएफ 3.6 पर काम नहीं कर रहा है।एचटीएमएल 5 कैनवास कंपोजिटिंग (स्रोत-इन)

काले आयताकार को पृष्ठ के चालू होने के लिए 'मुखौटा' के रूप में कार्य करना चाहिए। मैं उन सभी क्षेत्रों में मोड़ पृष्ठ देखना चाहता हूं जहां यह मुखौटा को ओवरलैप करता है। समस्या यह है कि पूरे काले आयताकार खींचा जाता है, न केवल उस क्षेत्र को जहां वे ओवरलैप करते हैं।

मुझे पता है कि HTML5 का वास्तव में उपयोग नहीं किया जा रहा है, मैं बस अपनी व्यक्तिगत साइट और जिज्ञासा के लिए प्रयोग कर रहा हूं। किसी भी विचार की बहुत प्रशंसा की जाएगी।

+2

एचटीएमएल 5, अभी भी प्रयोगात्मक, पहले से ही प्रयोग किया जा रहा है और ब्राउज़र समर्थन भी बुरा नहीं है। – Tronic

+1

नमूना कोड एक टूटा हुआ लिंक है। आश्चर्य है कि यह बंद होना चाहिए क्योंकि यह बहुत विशिष्ट प्रतीत होता है, और देखने के लिए उदाहरण अब भी मौजूद नहीं है। आश्चर्य है कि अगर "त्याग किए गए प्रोजेक्ट" उत्तर की आवश्यकता है। – artlung

उत्तर

5

कैनवास कंपोजिटिंग समर्थन टूटा हुआ था और अभी भी कुछ ब्राउज़रों में अपूर्ण हो सकता है।

images here the actual rendering के साथ अपने ब्राउज़र में यह देखने के लिए कि ब्राउज़र में अभी क्या काम करता है, इसकी तुलना करें।

+0

यह टिप्पणी पोस्ट करने के बाद से लगभग एक वर्ष है। ऐसा लगता है कि फ़ायरफ़ॉक्स 4 अच्छा है। क्रोम 11 स्रोत-इन (स्रोत-एटॉप की तरह दिखता है) में विफल रहा है, स्रोत-आउट (xor जैसा दिखता है), गंतव्य-इन (कुछ भी कॉपी नहीं करता है), गंतव्य-एटॉप (गंतव्य-ओवर की तरह दिखता है) और कॉपी (ऐसा लगता है स्रोत से अधिक)। यह थोड़ा निराशाजनक है, लेकिन कम से कम इसे अन्य लोगों का उपयोग करना सुरक्षित होना चाहिए। क्या कोई आईई 9 में इसका परीक्षण कर सकता है? छह महीने बाद – mgiuca

+2

। क्रोम 15 उन सभी पर अच्छा है। फ़ायरफ़ॉक्स 8 अब गहराई से समर्थन नहीं करता है। IE9 पृष्ठ को बिल्कुल लोड नहीं करेगा (ऑनलोड ईवेंट के बारे में कुछ प्रकार की त्रुटि), इसलिए मैं यह नहीं बता सकता कि यह क्या समर्थन करता है। – snostorm

संबंधित मुद्दे