canvas插入图片后的transform操作与手画轨迹操作关联问题

发布于 2022-09-07 08:07:48 字数 338 浏览 35 评论 0

  • canvas插入图片以后, 需要进行旋转放大等操作, 在操作后的基础上会进行手画记录轨迹, 问题是旋转放大操作会改变原有坐标, 手画也需要记录坐标绘出轨迹, 这两个坐标不重叠,导致放大或者旋转后手画不到触点位置, 不知道怎么解决
  • 是不是因为手画时用的touchmove事件获取到的始终是屏幕坐标的原因, 有没有获取到canvas的左上角为原点坐标的方法
  • 难道必须要使用缩放旋转后得到相应的转换关系, 手画touch事件的时候再加上转换后的值这样的方法? 但是这样的话 旋转是以中心点旋转坐标系 touch获取坐标是以左上角为原点的坐标系
    再加上缩放转换起来岂不是很麻烦

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

酷炫老祖宗 2022-09-14 08:07:48

记录放大状态和倍数,在计算手画位置时,用这个倍数进行相应计算。

俯瞰星空 2022-09-14 08:07:48

把你对应的canvas坐标系放大
你做的transform操作对应的都转换到坐标系的转化上

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文