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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题