क्या पारदर्शी कैनवास

Question

बनाना संभव है मैं प्रसंस्करण.जेएस का उपयोग कर जावास्क्रिप्ट में एक पेंट ब्रश एप्लिकेशन विकसित कर रहा हूं यह कैनवास ऑब्जेक्ट का उपयोग कर रहा है। मैं कैनवास की पृष्ठभूमि में एक छवि रखना चाहता हूँ। अग्रभूमि में कुछ खींचे। और बचत करते समय मुझे केवल अग्रभूमि डेटा प्राप्त करने की आवश्यकता है।

इसके लिए हमें कैनवास ऑब्जेक्ट पारदर्शी बनाने की आवश्यकता है ताकि पृष्ठभूमि छवि दिखाई दे।

मुझे कैनवास पारदर्शी बनाने के लिए कोई विकल्प नहीं दिख रहा है। मैं उसको कैसे करू?

Answer 1

context.clearRect(0,0,width, height) 

आप सभी की जरूरत है =)

ध्यान रखें कि आप कैनवास वस्तु पर सीएसएस स्टाइल का उपयोग कर सकते रखें है।

canvas.style.position = "absolute"; 
canvas.style.left = the x position of the div you're going over +"px"; 
canvas.style.top = the y position of the div you're going over + "px"; 

Answer 2

छवि को कैनवास में क्यों न रखें और अपने स्ट्रोक बनाएं और पारदर्शी भरें?

Answer 3

<canvas> डिफ़ॉल्ट रूप से पारदर्शी है।

http://irae.pro.br/lab/canvas_pie_countdown/

IE6, IE7, IE8, फ़ायरफ़ॉक्स 2, फ़ायरफ़ॉक्स 3, क्रोम और iPhone के खिलाफ परीक्षण किया गया:

मैं अवधारणा का एक सबूत यहां पाया जा सकता है कि कर दिया है।

Answer 4

और भी बेहतर, अपने PJs के शीर्ष पर सिर्फ डाल:

/* @pjs transparent=true; */ 

... और फिर अपने ड्रा पाश में:

background(0, 0, 0, 0); 

देखा!