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();