canvas中的coords方法

在HTML5的canvas中，coords方法是用来将canvas中的坐标转换为页面上的坐标。它的使用方式如下：

canvas.addEventListener('mousemove', function(event) {
  var x = event.clientX - canvas.getBoundingClientRect().left;
  var y = event.clientY - canvas.getBoundingClientRect().top;
  var coords = canvas.getContext('2d').getImageData(x, y, 1, 1).data;
  console.log(coords);
});

在上面的代码中，我们通过监听鼠标移动事件，获取鼠标在canvas中的坐标，并且通过getImageData方法获取该坐标像素的RGBA颜色值，最后将颜色值打印出来。

需要注意的是，coords方法只在canvas上下文对象中存在，而不是canvas本身的方法。因此，需要先获取canvas的上下文对象，才能调用coords方法。