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 次瀏覽

完成課程後獲得認證

開始