canvasで回転されない

Question

canvasを使用して、2つの画像を連結させて90度に回転した画像を保存したいのですが、
保存した画像が回転されていません。
どうすれば回転した画像を保存できるのでしょうか？

  let promiselist= [];
  promiselist.push(loadImage("gazou1.png"));
  promiselist.push(loadImage("gazou2.png"));
  Promise.all(promiselist)
  .then( function ( img ) {
    let canvas = document.createElement('canvas');
    let context= canvas.getContext('2d');
    canvas.width = img[0].width + img[1].width;
    canvas.height = img[0].height;
    context.drawImage(img[0], 0, 0);
    context.drawImage(img[1], img[1].width, 0);

    let a = document.createElement('a');
    a.href = canvas.toDataURL('image/png');
    a.download = 'download.png';
    a.click();

  } );

Answer 1

自己解決しました。
連結前に各画像を回転したところ成功しました。