HTML5 Canvas में कम्पोजिशन क्या है?

ग्लोबल कम्पोजिट ऑपरेशन

HTML5 Canvas globalCompositeOperation कम्पोजिटिंग एट्रिब्यूट प्रदान करता है जो सभी ड्रॉइंग ऑपरेशन्स को प्रभावित करता है।

उदाहरण

हम globalCompositeOperation एट्रिब्यूट का उपयोग करके नई आकृतियों को मौजूदा आकृतियों के पीछे ड्रॉ कर सकते हैं और कुछ क्षेत्रों को मास्क कर सकते हैं, Canvas से सेक्शन क्लियर कर सकते हैं, जैसा कि नीचे दिए गए उदाहरण में दिखाया गया है।

<!DOCTYPE HTML>
<html>
  <head>
    <script>
      var compositeTypes = [
        'source-over', 'source-in', 'source-out', 'source-atop',
        'destination-over', 'destination-in', 'destination-out',
        'destination-atop', 'lighter', 'darker', 'copy', 'xor'
      ];
      
      function drawShape(){
        for (i=0; i