canva重复图案

canvas的createPattern()可以用于绘制重复图案，它可以接收image元素、canvas元素或video元素作为图案参数，并且可以传入如何重复图案的字符串参数：

repeat    ——    为整个区域绘制重复图案
repeat-x    ——    只在x方向绘制重复图案
repeat-y    ——    只在y方向绘制重复图案
no-repeat    ——    不重复，只绘制一张图案
 

   var can = document.createElement('canvas')
            can.width = this.clip.width
            can.height = 1
            var con = can.getContext('2d')
            var pat = con.createPattern(resources.get(imgList[imgList.length - 1].url), 'repeat-y')
            return pat

  var context = this.context
            context.save()
            context.translate(this.clip.x,0)
           //  context.clearRect(this.clip.width,0,this.clip.width, this.clip.height)
             context.fillStyle = pat
            context.fillRect(0, 0, this.clip.width, this.clip.y)
            context.fill()
            context.restore()