uni-app 电子签名组件 - Ambler 在谷歌PC端签不了名

针对您提到的uni-app电子签名组件在谷歌PC端无法签名的问题，这通常可能与触摸事件的处理或组件的兼容性有关。以下是一些可能的解决方案和相关的代码示例，您可以尝试在您的项目中实现这些解决方案。

1. 确保触摸事件在PC端被正确模拟

在PC端，浏览器通常不会触发触摸事件（如touchstart, touchmove, touchend），而是使用鼠标事件（如mousedown, mousemove, mouseup）。如果电子签名组件仅监听触摸事件，那么它可能在PC端无法正常工作。

解决方案：在组件中添加对鼠标事件的支持。

// 假设您有一个canvas元素用于签名
const canvas = document.getElementById('signatureCanvas');
const ctx = canvas.getContext('2d');

// 触摸事件处理
canvas.addEventListener('touchstart', startDrawing, false);
canvas.addEventListener('touchmove', draw, false);
canvas.addEventListener('touchend', stopDrawing, false);

// 鼠标事件处理
canvas.addEventListener('mousedown', startDrawing, false);
canvas.addEventListener('mousemove', draw, false);
canvas.addEventListener('mouseup', stopDrawing, false);
canvas.addEventListener('mouseleave', stopDrawing, false); // 防止鼠标移出canvas时未停止绘制

function startDrawing(e) {
    // 初始化绘制状态
    ctx.beginPath();
    // 获取起始点
    const startX = e.touches ? e.touches[0].clientX - canvas.offsetLeft : e.clientX - canvas.offsetLeft;
    const startY = e.touches ? e.touches[0].clientY - canvas.offsetTop : e.clientY - canvas.offsetTop;
    ctx.moveTo(startX, startY);
}

function draw(e) {
    // 绘制线条
    const currentX = e.touches ? e.touches[0].clientX - canvas.offsetLeft : e.clientX - canvas.offsetLeft;
    const currentY = e.touches ? e.touches[0].clientY - canvas.offsetTop : e.clientY - canvas.offsetTop;
    ctx.lineTo(currentX, currentY);
    ctx.stroke();
}

function stopDrawing() {
    // 结束绘制
    ctx.closePath();
}

2. 检查组件的兼容性

确保您使用的电子签名组件与uni-app和谷歌浏览器的当前版本兼容。有时，组件的开发者可能已经发布了更新，修复了与特定浏览器的兼容性问题。

3. 调试和日志

在您的代码中添加调试日志，以帮助确定问题是否出在事件处理、绘制逻辑或其他方面。

通过上述方法，您应该能够解决uni-app电子签名组件在谷歌PC端无法签名的问题。如果问题仍然存在，建议检查组件的文档或联系组件的开发者以获取更多帮助。