HTML5 canvas và hình ảnh trên đa giác có được không?

Có, hoàn toàn có thể. Tạo một mẫu bằng hình ảnh, sau đó đặt mẫu thành FillStyle.

Đây, obj là đối tượng hình ảnh của chúng ta -

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

Bạn cần thao tác hình ảnh để vừa với một đa giác tùy ý -

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