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