javascript获取手指在画布中的位置坐标

要获取手指在画布中的位置坐标，可以通过如下代码实现：

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
var rect = canvas.getBoundingClientRect();

canvas.addEventListener('touchstart', handleTouchStart, false);
canvas.addEventListener('touchmove', handleTouchMove, false);

function handleTouchStart(event) {
    event.preventDefault();
    var touchX = event.touches[0].clientX - rect.left;
    var touchY = event.touches[0].clientY - rect.top;
    console.log('Touch start:', touchX, touchY);
}

function handleTouchMove(event) {
    event.preventDefault();
    var touchX = event.touches[0].clientX - rect.left;
    var touchY = event.touches[0].clientY - rect.top;
    console.log('Touch move:', touchX, touchY);
}

在这个代码中，我们首先获取了画布的元素和上下文，然后通过`getBoundingClientRect()`方法获取画布元素的位置信息。在touch事件处理函数中，我们通过`event.touches[0].clientX/Y`获取手指在视口中的坐标，并用画布元素的位置信息减去该坐标，得到手指在画布中的坐标。最后，我们将这个坐标打印出来，可以自行改为其他操作。