注意：

• 圖片的繪製要在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)
}