कैनवास एलिमेंट पर HTMLImageElements ड्रॉ करने के लिए drawImage() मेथड का उपयोग करें। यह मेथड src="mySVG.svg" के साथ एक Image वेरिएबल परिभाषित करता है, और लोड होने पर drawImage उपयोग करता है।
var myImg = new Image();
myImg.onload = function() {
ctx.drawImage(myImg, 0, 0);
}
img.src = "https://www.example.com/files/sample.svg";
drawImage() SVG को रैस्टराइज़ करके कैनवास पर ड्रॉ करता है। SVG स्केलेबिलिटी कैनवास पर खो जाती है (पिक्सेल्स में बदल जाती है)। drawImage(image, dx, dy, dWidth, dHeight) से आकार नियंत्रित करें। CORS प्रतिबंधों के कारण क्रॉस-ओरिजिन SVG के लिए सर्वर से उचित हेडर्स आवश्यक हैं।
