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