HTML5 畫布和多邊形上的影像是否可行?


可以。使用該影像建立一個圖案,然後將圖案設定為填充樣式。

此處,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-6-25

336 次瀏覽

開啟您的 職業

透過完成課程獲得認證

開始
廣告