多边形上的 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();