ผ้าใบ HTML5 และรูปภาพบนรูปหลายเหลี่ยมเป็นไปได้หรือไม่

ใช่ เป็นไปได้ สร้างรูปแบบโดยใช้รูปภาพ จากนั้นตั้งค่ารูปแบบเป็น fillStyle

ที่นี่ 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();