Signature签名组件在移动端显示错位怎么办？

书生シ东宁提问于 2026-03-03 04:54:22 阅读 3

组件

我用Canvas做的签名组件，在PC上正常，但一到手机上就偏移严重，手指点的位置和画出来的线对不上，特别影响体验。

试过加了 touch-action: none，也调整了canvas的宽高比，但还是不行。是不是transform或者缩放的问题？下面是我目前的样式：

.signature-canvas {
  width: 100%;
  height: 200px;
  border: 1px solid #ccc;
  touch-action: none;
  /* 尝试过加这个也没用 */
  /* transform: scale(1); */
}

我来解答赞 6 收藏

反馈

暂无解答