HTML5 canvas và ảnh trên đa giác có thể không?

Có, có thể. Tạo pattern từ ảnh, sau đó đặt pattern làm fillStyle.

Ở đây, obj là đối tượng ả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 ảnh để vừa với đa giác tùy ý −

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