HTML5 drawImage() मेथड से कैनवास पर इमेज बनाएं

कैनवास पर इमेज बनाने के लिए, HTML5 drawImage() मेथड का उपयोग करें:

<!DOCTYPE HTML> <html>    <head>       <script>          function drawShape(){             // DOM का उपयोग करके कैनवास एलिमेंट प्राप्त करें             var canvas = document.getElementById('mycanvas');                       // सुनिश्चित करें कि कैनवास समर्थित न होने पर कोड न चले             if (canvas.getContext){                // ड्राइंग के लिए कैनवास का उपयोग करने के लिए getContext                var ctx = canvas.getContext('2d');                // आकृतियाँ बनाएं                var img = new Image();                img.src = '/images/backdrop.jpg';                img.onload = function(){                   ctx.drawImage(img,0,0);                   ctx.beginPath();                   ctx.moveTo(30,96);                   ctx.lineTo(70,66);                   ctx.lineTo(103,76);                   ctx.lineTo(170,15);                   ctx.stroke();                }             } else {                alert('इस डेमो को देखने के लिए आपको Safari या Firefox 1.5+ चाहिए।');             }          }       </script>    </head>    <body onload = "drawShape();">       <canvas id = "mycanvas"></canvas>    </body> </html>