HTML5 canvas 和 image 是否能在多边形上使用？

是的，可以。使用图像创建一个模式，然后将此模式设置为填充样式。

这里，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();

乔治·约翰

更新于：2020-06-25

336 次浏览

开启您的职业生涯

完成课程后获得认证

开始