Canvas 圖片平鋪設置

/**
 * 圖片平鋪
 */
function initDemo7(){
    var canvas = document.getElementById("demo7");
    if (!canvas) return;
    var context = canvas.getContext("2d");
    var type = [
        "no-repeat", // 不平鋪
        "repeat-x", // 橫向平鋪
        "repeat-y", // 縱向平鋪
        "repeat" // 全畫布平鋪
    ];
    var index = 3;
    var img = new Image();
    img.src = "images/timg3.jpg";
    img.onload = function () {
        // 平鋪方式
        context.fillStyle = context.createPattern(img, type[index]);
        context.fillRect(0, 0, canvas.width, canvas.height);
    }
}