触摸时的FabricJS画布坐标

是指在使用FabricJS库进行前端开发时，通过触摸屏幕或鼠标点击等操作获取到的画布上的坐标位置。

FabricJS是一个强大的前端绘图库，可以用于创建交互式的图形和图像编辑器。在使用FabricJS进行开发时，我们可以通过监听触摸事件或鼠标事件来获取用户在画布上的操作，包括触摸、点击、拖拽等。

当用户在画布上触摸或点击时，FabricJS会返回一个事件对象，其中包含了触摸点或点击位置的坐标信息。这些坐标信息通常以相对于画布左上角的像素值表示，可以通过事件对象的属性来获取。

在FabricJS中，获取触摸时的画布坐标可以使用以下代码：

canvas.on('touch:gesture', function(event) {
  var touchPoint = event.e.touches[0];
  var canvasX = touchPoint.clientX - canvas._offset.left;
  var canvasY = touchPoint.clientY - canvas._offset.top;
  console.log("触摸时的画布坐标：(" + canvasX + ", " + canvasY + ")");
});

上述代码中，我们通过监听touch:gesture事件来获取触摸事件对象。通过event.e.touches[0]可以获取到第一个触摸点的信息，其中clientX和clientY表示触摸点相对于浏览器窗口左上角的坐标。由于画布可能存在滚动或偏移，我们需要减去画布的偏移量canvas._offset，从而得到触摸点相对于画布左上角的坐标。

触摸时的画布坐标在许多应用场景中都非常有用，例如绘图编辑器、拖拽操作、图像标注等。在腾讯云的产品中，推荐使用腾讯云的云服务器（CVM）来部署FabricJS应用，以提供稳定的计算资源和网络环境。同时，腾讯云的对象存储（COS）可以用于存储用户上传的图像或文件，腾讯云的内容分发网络（CDN）可以加速静态资源的传输，提高用户体验。

更多关于FabricJS的信息和使用方法，可以参考腾讯云的文档：FabricJS官方文档。