如何在给定右下角x，y的html-5画布上绘制文本

const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');

ctx.font = '16px Arial';
ctx.textAlign = 'end';

const text = 'Hello, World!';
const x = canvas.width;
const y = canvas.height;
ctx.fillText(text, x, y);

<canvas id="canvas"></canvas>
<script>
  const canvas = document.getElementById('canvas');
  const ctx = canvas.getContext('2d');

  ctx.font = '16px Arial';
  ctx.textAlign = 'end';

  const text = 'Hello, World!';
  const x = canvas.width;
  const y = canvas.height;
  ctx.fillText(text, x, y);
</script>