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

版权声明：本文为博主原创文章，转载请注明出处。 https://blog.csdn.net/qq_29150765/article/details/85159998

注意：

• 图片的绘制要在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)
}