js-canvas插入图片，旋转角度

注意：web

• 图片的绘制要在onload的回调中完成，图片的加载时异步的，不然画布上无内容
• 坐标旋转后，绘制开始的位置要更改

var img = new Image()
img.src = ''
img.onload = function () {
    var can = document.querySelector('canvas');
    can.width = this.height
    can.height = this.width
    var ctx = can.getContext('2d')
    //旋转90度
    ctx.rotate(90 * Math.PI / 180)
    //绘制
    ctx.drawImage(img, 0, -can.width)
}