क्या बहुभुज पर HTML5 कैनवास और छवि संभव है?

हां, यह संभव है। छवि का उपयोग करके एक पैटर्न बनाएं, और फिर पैटर्न को भरने के लिए सेट करें।

यहाँ, obj हमारा इमेज ऑब्जेक्ट है -

var context = canvas.getContext("2d");
var pattern = context.createPattern(obj, "repeat");
context.fillStyle = pattern;

आपको एक मनमाना बहुभुज फिट करने के लिए छवि में हेरफेर करने की आवश्यकता है -

context.save();
context.setTransform(m11, m12, m21, m22, dx, dy);
context.drawImage(obj);
context.restore();