可以使用 Canvas API 中的 getBoundingClientRect() 方法获取矩形的坐标。该方法会返回一个对象，包含矩形的 left、top、right 和 bottom 属性，表示该矩形相对于视口的水平和垂直位置。

代码示例：

const canvas = document.getElementById('canvas');
const rect = canvas.getBoundingClientRect();
console.log(rect.left, rect.top, rect.right, rect.bottom);