HTML5 canvas平铺的代码详解

var canvas = document.getElementById("canvasId");

var ctx = canvas.getContext("2d");

var img = new Image();

//需要平铺的图片

img.src = "test1_bg.jpg";

img.onload = function (){

    var can = document.createElement("canvas");

    can.width = 10;

    can.height = 10;

    var ctx2 = can.getContext("2d");

    ctx2.drawImage(img,0,0,10,10,0,0,10,10);

    ctx.fillStyle = ctx.createPattern(can,"repeat");

    ctx.fillRect(0,0,200,200);

}